{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 105,
   "id": "fbea6dec",
   "metadata": {},
   "outputs": [],
   "source": [
    "from  selenium import webdriver\n",
    "from openpyxl.workbook import Workbook\n",
    "import pandas as pd\n",
    "import ktool\n",
    "url='https://www.runoob.com/html/html-tutorial.html'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 106,
   "id": "c2c11660",
   "metadata": {},
   "outputs": [],
   "source": [
    "driver=webdriver.Chrome(executable_path='C:\\Program Files\\Google\\Chrome\\Application\\chromedriver.exe')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 107,
   "id": "fe1313ff",
   "metadata": {},
   "outputs": [],
   "source": [
    "driver.get(url=url)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 108,
   "id": "02d141d0",
   "metadata": {},
   "outputs": [],
   "source": [
    "titles=driver.find_elements_by_xpath('//div[@id=\"leftcolumn\"]//a')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 109,
   "id": "3767fbbf",
   "metadata": {
    "collapsed": true
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "['HTML 教程', 'HTML 简介', 'HTML 编辑器', 'HTML 基础', 'HTML 元素', 'HTML 属性', 'HTML 标题', 'HTML 段落', 'HTML 文本格式化', 'HTML 链接', 'HTML 头部', 'HTML CSS', 'HTML 图像', 'HTML 表格', 'HTML 列表', 'HTML 区块', 'HTML 布局', 'HTML 表单', 'HTML 框架', 'HTML 颜色', 'HTML 颜色名', 'HTML 颜色值', 'HTML 脚本', 'HTML 字符实体', 'HTML URL', 'HTML 速查列表', 'HTML 标签简写及全称', 'HTML 总结', 'XHTML 简介', 'HTML5 教程', 'HTML5 浏览器支持', 'HTML5 新元素', 'HTML5 Canvas', 'HTML5 内联 SVG', 'HTML5 MathML', 'HTML5 拖放', 'HTML5 地理定位', 'HTML5 Video(视频)', 'HTML5 Audio(音频)', 'HTML5 Input 类型', 'HTML5 表单元素', 'HTML5 表单属性', 'HTML5 语义元素', 'HTML5 Web 存储', 'HTML5 Web SQL', 'HTML5 应用程序缓存', 'HTML5 Web Workers', 'HTML5 SSE', 'HTML5 WebSocket', 'HTML5 测验', 'HTML(5) 代码规范', 'HTML 媒体(Media)', 'HTML 插件', 'HTML 音频(Audio)', 'HTML 视频（Video）播放', 'HTML 实例', 'HTML 标签列表(字母排序)', 'HTML 标签列表（功能排序）', 'HTML 属性', 'HTML 事件', 'HTML 画布', 'HTML 音频/视频', 'HTML 有效DOCTYPES', 'HTML 颜色名', 'HTML 拾色器', 'HTML 字符集', 'HTML ASCII', 'HTML ISO-8859-1', 'HTML 符号', 'HTML URL 编码', 'HTML 语言代码', 'HTTP 消息', 'HTTP 方法', '键盘快捷键']\n"
     ]
    }
   ],
   "source": [
    "category1=[]\n",
    "for title in titles:\n",
    "    category1.append(title.text.strip())   \n",
    "print(category1)   "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 110,
   "id": "36f0c83e",
   "metadata": {},
   "outputs": [],
   "source": [
    "htmls = ktool.xpath.xpath_all(driver.page_source,'//div[@id=\"leftcolumn\"]/a/@href') "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 111,
   "id": "523bcb50",
   "metadata": {},
   "outputs": [],
   "source": [
    "shuju=pd.DataFrame(columns=['名称','网址'])"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 112,
   "id": "a3ec073c",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "             名称                                 网址\n",
      "0       HTML 教程           /html/html-tutorial.html\n",
      "1       HTML 简介              /html/html-intro.html\n",
      "2      HTML 编辑器            /html/html-editors.html\n",
      "3       HTML 基础              /html/html-basic.html\n",
      "4       HTML 元素           /html/html-elements.html\n",
      "..          ...                                ...\n",
      "69  HTML URL 编码          /tags/html-urlencode.html\n",
      "70    HTML 语言代码     /tags/html-language-codes.html\n",
      "71      HTTP 消息       /tags/html-httpmessages.html\n",
      "72      HTTP 方法        /tags/html-httpmethods.html\n",
      "73        键盘快捷键  /tags/html-keyboardshortcuts.html\n",
      "\n",
      "[74 rows x 2 columns]\n"
     ]
    }
   ],
   "source": [
    "shuju['名称']=category1\n",
    "shuju['网址']=htmls\n",
    "print(shuju)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 113,
   "id": "482e7266",
   "metadata": {},
   "outputs": [],
   "source": [
    "writer = pd.ExcelWriter('作业.xlsx')\n",
    "shuju.to_excel(writer,sheet_name='作业')\n",
    "writer.save()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "da996af2",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "78a693b8",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "49e319e7",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "aed29a21",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "0fd605a1",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "5ea18624",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "447656e7",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "fc058010",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "607ef1ec",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "842406e0",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "a37265fb",
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 32,
   "id": "df30b170",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!Doctype html>\n",
      "<html>\n",
      "<head>\n",
      "\t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n",
      "  <meta property=\"qc:admins\" content=\"465267610762567726375\" />\n",
      "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n",
      "\t<title>HTML 教程 | 菜鸟教程</title>\n",
      "\n",
      "  <meta name='robots' content='max-image-preview:large' />\n",
      "<link rel='dns-prefetch' href='//s.w.org' />\n",
      "<link rel=\"canonical\" href=\"http://www.runoob.com/html/html-tutorial.html\" />\n",
      "<meta name=\"keywords\" content=\"HTML 教程,html\">\n",
      "<meta name=\"description\" content=\"HTML 教程- (HTML5 标准)  超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 在本教程中，您将学习如何使用 HTML 来创建站点。 HTML 很容易学习！相信您能很快学会它！   HTML 实例 本教程包含了数百个 HTML 实例。 使用本站的编辑器，您可..\">\n",
      "\t\t\n",
      "\t<link rel=\"shortcut icon\" href=\"https://static.runoob.com/images/favicon.ico\" mce_href=\"//static.runoob.com/images/favicon.ico\" type=\"image/x-icon\" >\n",
      "\t<link rel=\"stylesheet\" href=\"/wp-content/themes/runoob/style.css?v=1.157\" type=\"text/css\" media=\"all\" />\t\n",
      "\t<link rel=\"stylesheet\" href=\"https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css\" media=\"all\" />\t\n",
      "  <!--[if gte IE 9]><!-->\n",
      "  <script src=\"https://cdn.staticfile.org/jquery/2.0.3/jquery.min.js\"></script>\n",
      "  <!--<![endif]-->\n",
      "  <!--[if lt IE 9]>\n",
      "     <script src=\"https://cdn.staticfile.org/jquery/1.9.1/jquery.min.js\"></script>\n",
      "     <script src=\"https://cdn.staticfile.org/html5shiv/r29/html5.min.js\"></script>\n",
      "  <![endif]-->\n",
      "  <link rel=\"apple-touch-icon\" href=\"https://static.runoob.com/images/icon/mobile-icon.png\"/>\n",
      "  <meta name=\"apple-mobile-web-app-title\" content=\"菜鸟教程\">\n",
      "</head>\n",
      "<body>\n",
      "\n",
      "<!--  头部 -->\n",
      "<div class=\"container logo-search\">\n",
      "\n",
      "  <div class=\"col search row-search-mobile\">\n",
      "    <form action=\"index.php\">\n",
      "      <input class=\"placeholder\" placeholder=\"搜索……\" name=\"s\" autocomplete=\"off\">\n",
      "    </form>\n",
      "  </div>\n",
      "\n",
      "  <div class=\"row\">\n",
      "    <div class=\"col logo\">\n",
      "      <h1><a href=\"/\">菜鸟教程 -- 学的不仅是技术，更是梦想！</a></h1>\n",
      "    </div>\n",
      "        <div class=\"col right-list\"> \n",
      "    <button class=\"btn btn-responsive-nav btn-inverse\" data-toggle=\"collapse\" data-target=\".nav-main-collapse\" id=\"pull\" style=\"\"> <i class=\"fa fa-navicon\"></i> </button>\n",
      "    </div>\n",
      "        <div class=\"col search search-desktop last\">\n",
      "      <form action=\"//www.runoob.com/\" target=\"_blank\">\n",
      "        <input class=\"placeholder\" id=\"s\" name=\"s\" placeholder=\"搜索……\"  autocomplete=\"off\">\n",
      "      </form>\n",
      "    </div>\n",
      "  </div>\n",
      "</div>\n",
      "\n",
      "\n",
      "<!-- 导航栏 -->\n",
      "<!-- 导航栏 -->\n",
      "<div class=\"container navigation\">\n",
      "\t<div class=\"row\">\n",
      "\t\t<div class=\"col nav\">\n",
      "\t\t\t<ul class=\"pc-nav\">\n",
      "\t\t\t\t<li><a href=\"//www.runoob.com/\">首页</a></li>\n",
      "\t\t\t\t<li><a href=\"/html/html-tutorial.html\">HTML</a></li>\n",
      "\t\t\t\t<li><a href=\"/css/css-tutorial.html\">CSS</a></li>\n",
      "\t\t\t\t<li><a href=\"/js/js-tutorial.html\">JavaScript</a></li>\n",
      "\t\t\t\t<li><a href=\"/jquery/jquery-tutorial.html\">jQuery</a></li>\n",
      "\t\t\t\t<li><a href=\"/vue2/vue-tutorial.html\">Vue2</a></li>\n",
      "\t\t\t\t<li><a href=\"/vue3/vue3-tutorial.html\">Vue3</a></li>\n",
      "\t\t\t\t<li><a href=\"/bootstrap/bootstrap-tutorial.html\">Bootstrap</a></li>\n",
      "\t\t\t\t<li><a href=\"/python3/python3-tutorial.html\">Python3</a></li>\n",
      "\t\t\t\t<li><a href=\"/python/python-tutorial.html\">Python2</a></li>\n",
      "\t\t\t\t<li><a href=\"/java/java-tutorial.html\">Java</a></li>\n",
      "\t\t\t\t<li><a href=\"/cprogramming/c-tutorial.html\">C</a></li>\n",
      "\t\t\t\t<li><a href=\"/cplusplus/cpp-tutorial.html\">C++</a></li>\n",
      "\t\t\t\t<li><a href=\"/csharp/csharp-tutorial.html\">C#</a></li>\n",
      "\t\t\t\t<li><a href=\"/go/go-tutorial.html\">Go</a></li>\n",
      "\t\t\t\t<li><a href=\"/sql/sql-tutorial.html\">SQL</a></li>\n",
      "\t\t\t\t<li><a href=\"/browser-history\">本地书签</a></li>\n",
      "\t\t\t\t<!--\n",
      "\t\t\t\n",
      "\t\t\t\t<li><a href=\"/w3cnote/knowledge-start.html\" style=\"font-weight: bold;\" onclick=\"_hmt.push(['_trackEvent', '星球', 'click', 'start'])\" title=\"我的圈子\">我的圈子</a></li>\t\t\t\t\n",
      "\t\t\t\t<li><a href=\"javascript:;\" class=\"runoob-pop\">登录</a></li>\n",
      "\t\t\t\t-->\n",
      "      \t\t</ul>\n",
      "\t\t\t<ul class=\"mobile-nav\">\n",
      "\t\t\t\t<li><a href=\"//www.runoob.com/\">首页</a></li>\n",
      "\t\t\t\t<li><a href=\"/html/html-tutorial.html\">HTML</a></li>\n",
      "\t\t\t\t<li><a href=\"/css/css-tutorial.html\">CSS</a></li>\n",
      "\t\t\t\t<li><a href=\"/js/js-tutorial.html\">JS</a></li>\n",
      "\t\t\t\t<li><a href=\"/browser-history\">本地书签</a></li>\n",
      "\t\t\t\t<a href=\"javascript:void(0)\" class=\"search-reveal\">Search</a> \n",
      "\t\t\t</ul>\n",
      "\t\t\t\n",
      "\t\t</div>\n",
      "\t</div>\n",
      "</div><!--  内容  -->\n",
      "<div class=\"container main\">\n",
      "\t<!-- 中间 -->\n",
      "\t<div class=\"row\">\n",
      "\t\n",
      "<div class=\"col left-column\">\n",
      "\t<div class=\"tab\">HTML 教程\t<a data-cate=\"1\" href=\"javascript:void(0);\" title=\"夜间模式\"  id=\"moon\"><i class=\"fa fa-moon-o\" aria-hidden=\"true\" style=\"font-size: 1.4em;float: right;margin: 4px 6px 0;\"></i></a>\n",
      "\t<a data-cate=\"1\" style=\"display:none;\" href=\"javascript:void(0);\" title=\"日间模式\"  id=\"sun\" ><i class=\"fa fa-sun-o\" aria-hidden=\"true\" style=\"font-size: 1.4em;float: right;margin: 4px 6px 0;\"></i></a>\n",
      "\t</div>\n",
      "\t<div class=\"sidebar-box gallery-list\">\n",
      "\t\t<div class=\"design\" id=\"leftcolumn\">\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 教程\"  href=\"/html/html-tutorial.html\" >\n",
      "\t\t\tHTML 教程\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 简介\"  href=\"/html/html-intro.html\" >\n",
      "\t\t\tHTML 简介\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 编辑器\"  href=\"/html/html-editors.html\" >\n",
      "\t\t\tHTML 编辑器\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 基础\"  href=\"/html/html-basic.html\" >\n",
      "\t\t\tHTML 基础\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 元素\"  href=\"/html/html-elements.html\" >\n",
      "\t\t\tHTML 元素\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 属性\"  href=\"/html/html-attributes.html\" >\n",
      "\t\t\tHTML 属性\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 标题\"  href=\"/html/html-headings.html\" >\n",
      "\t\t\tHTML 标题\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 段落\"  href=\"/html/html-paragraphs.html\" >\n",
      "\t\t\tHTML 段落\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 文本格式化\"  href=\"/html/html-formatting.html\" >\n",
      "\t\t\tHTML 文本格式化\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 链接\"  href=\"/html/html-links.html\" >\n",
      "\t\t\tHTML 链接\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 头部\"  href=\"/html/html-head.html\" >\n",
      "\t\t\tHTML 头部\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML CSS\"  href=\"/html/html-css.html\" >\n",
      "\t\t\tHTML CSS\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 图像\"  href=\"/html/html-images.html\" >\n",
      "\t\t\tHTML 图像\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 表格\"  href=\"/html/html-tables.html\" >\n",
      "\t\t\tHTML 表格\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 列表\"  href=\"/html/html-lists.html\" >\n",
      "\t\t\tHTML 列表\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 区块\"  href=\"/html/html-blocks.html\" >\n",
      "\t\t\tHTML 区块\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 布局\"  href=\"/html/html-layouts.html\" >\n",
      "\t\t\tHTML 布局\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 表单\"  href=\"/html/html-forms.html\" >\n",
      "\t\t\tHTML 表单\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 框架\"  href=\"/html/html-iframes.html\" >\n",
      "\t\t\tHTML 框架\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 颜色\"  href=\"/html/html-colors.html\" >\n",
      "\t\t\tHTML 颜色\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 颜色名\"  href=\"/html/html-colornames.html\" >\n",
      "\t\t\tHTML 颜色名\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 颜色值\"  href=\"/html/html-colorvalues.html\" >\n",
      "\t\t\tHTML 颜色值\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 脚本\"  href=\"/html/html-scripts.html\" >\n",
      "\t\t\tHTML 脚本\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 字符实体\"  href=\"/html/html-entities.html\" >\n",
      "\t\t\tHTML 字符实体\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML URL\"  href=\"/html/html-url.html\" >\n",
      "\t\t\tHTML URL\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 速查列表\"  href=\"/html/html-quicklist.html\" >\n",
      "\t\t\tHTML 速查列表\t\t\t</a>\n",
      "\t\t\t<a target=\"_top\" title=\"HTML 标签简写及全称\" href=\"/html/html-tag-name.html\">HTML 标签简写及全称</a>\t\t\t<a target=\"_top\" title=\"HTML 总结\"  href=\"/html/html-summary.html\" >\n",
      "\t\t\tHTML 总结\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"XHTML 简介\"  href=\"/html/html-xhtml.html\" >\n",
      "\t\t\tXHTML 简介\t\t\t</a>\n",
      "\t\t\t<br/><h2 class=\"left\"><span class=\"left_h2\">HTML5</span></h2>\t\t\t<a target=\"_top\" title=\"HTML5 教程\"  href=\"/html/html5-intro.html\" >\n",
      "\t\t\tHTML5 教程\t\t\t</a>\n",
      "\t\t\t<a target=\"_top\" title=\"HTML5 浏览器支持\" href=\"html5-browsers.html\"> HTML5 浏览器支持 </a>\t\t\t<a target=\"_top\" title=\"HTML5 新元素\"  href=\"/html/html5-new-element.html\" >\n",
      "\t\t\tHTML5 新元素\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 Canvas\"  href=\"/html/html5-canvas.html\" >\n",
      "\t\t\tHTML5 Canvas\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 内联 SVG\"  href=\"/html/html5-svg.html\" >\n",
      "\t\t\tHTML5 内联 SVG\t\t\t</a>\n",
      "\t\t\t<a target=\"_top\" title=\"HTML5 MathML\" href=\"html5-mathml.html\"> HTML5 MathML </a>\t\t\t<a target=\"_top\" title=\"HTML5 拖放\"  href=\"/html/html5-draganddrop.html\" >\n",
      "\t\t\tHTML5 拖放\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 地理定位\"  href=\"/html/html5-geolocation.html\" >\n",
      "\t\t\tHTML5 地理定位\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 Video(视频)\"  href=\"/html/html5-video.html\" >\n",
      "\t\t\tHTML5 Video(视频)\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 Audio(音频)\"  href=\"/html/html5-audio.html\" >\n",
      "\t\t\tHTML5 Audio(音频)\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 Input 类型\"  href=\"/html/html5-form-input-types.html\" >\n",
      "\t\t\tHTML5 Input 类型\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 表单元素\"  href=\"/html/html5-form-elements.html\" >\n",
      "\t\t\tHTML5 表单元素\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 表单属性\"  href=\"/html/html5-form-attributes.html\" >\n",
      "\t\t\tHTML5 表单属性\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 语义元素\"  href=\"/html/html5-semantic-elements.html\" >\n",
      "\t\t\tHTML5 语义元素\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 Web 存储\"  href=\"/html/html5-webstorage.html\" >\n",
      "\t\t\tHTML5 Web 存储\t\t\t</a>\n",
      "\t\t\t<a target=\"_top\" title=\"HTML5 Web SQL\" href=\"html5-web-sql.html\"> HTML5 Web SQL </a>\t\t\t<a target=\"_top\" title=\"HTML5 应用程序缓存\"  href=\"/html/html5-app-cache.html\" >\n",
      "\t\t\tHTML5 应用程序缓存\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 Web Workers\"  href=\"/html/html5-webworkers.html\" >\n",
      "\t\t\tHTML5 Web Workers\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML5 服务器发送事件(Server-Sent Events)\"  href=\"/html/html5-serversentevents.html\" >\n",
      "\t\t\tHTML5 SSE\t\t\t</a>\n",
      "\t\t\t<a target=\"_top\" title=\"HTML5 WebSocket\" href=\"/html/html5-websocket.html\"> HTML5 WebSocket </a>\r\n",
      "<a target=\"_top\" title=\"HTML5 测验\" href=\"/quiz/html5-quiz.html\"> HTML5 测验 </a>\r\n",
      "<a target=\"_top\" title=\"HTML(5) 代码规范\" href=\"/html/html5-syntax.html\">HTML(5) 代码规范 </a>\r\n",
      "<br/><h2 class=\"left\"><span class=\"left_h2\">HTML</span> 媒体</h2>\t\t\t<a target=\"_top\" title=\"HTML 媒体(Media)\"  href=\"/html/html-media.html\" >\n",
      "\t\t\tHTML 媒体(Media)\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 插件\"  href=\"/html/html-object.html\" >\n",
      "\t\t\tHTML 插件\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 音频(Audio)\"  href=\"/html/html-sounds.html\" >\n",
      "\t\t\tHTML 音频(Audio)\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 视频（Video）播放\"  href=\"/html/html-videos.html\" >\n",
      "\t\t\tHTML 视频（Video）播放\t\t\t</a>\n",
      "\t\t\t\t\t\t<a target=\"_top\" title=\"HTML 实例\"  href=\"/html/html-examples.html\" >\n",
      "\t\t\tHTML 实例\t\t\t</a>\n",
      "\t\t\t<br><h2 class=\"left\"><span class=\"left_h2\">HTML</span> 参考手册</h2>\r\n",
      "<a target=\"_top\" href=\"/tags/html-reference.html\" >\r\n",
      "HTML 标签列表(字母排序)\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/ref-byfunc.html\" >\r\n",
      "HTML 标签列表（功能排序）\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/ref-standardattributes.html\" >\r\n",
      "HTML 属性\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/ref-eventattributes.html\" >\r\n",
      "HTML 事件\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/ref-canvas.html\" >\r\n",
      "HTML 画布\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/ref-av-dom.html\" >\r\n",
      "HTML 音频/视频\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-elementsdoctypes.html\" >\r\n",
      "HTML 有效DOCTYPES\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-colorname.html\" >\r\n",
      "HTML 颜色名\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-colorpicker.html\" >\r\n",
      "HTML 拾色器\t</a>\r\n",
      "<a target=\"_top\" href=\"/charsets/html-charsets.html\" >\r\n",
      "HTML 字符集\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-ascii.html\" >\r\n",
      "HTML ASCII\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/ref-entities.html\" >\r\n",
      "HTML ISO-8859-1\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-symbols.html\" >\r\n",
      "HTML 符号\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-urlencode.html\" >\r\n",
      "HTML URL 编码\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-language-codes.html\" >\r\n",
      "HTML 语言代码\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-httpmessages.html\" >\r\n",
      "HTTP 消息\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-httpmethods.html\" >\r\n",
      "HTTP 方法\t</a>\r\n",
      "<a target=\"_top\" href=\"/tags/html-keyboardshortcuts.html\" >\r\n",
      "键盘快捷键\t</a>\t\n",
      "\t\t</div>\n",
      "\t</div>\t\n",
      "</div>\t<div class=\"col middle-column\">\n",
      "\t\t\n",
      "\t\n",
      "\t<div class=\"article\">\n",
      "\t\t\t<div class=\"article-heading-ad\" style=\"display: none;\">\n",
      "\t\t\n",
      "\t\t</div>\n",
      "\t\t<div class=\"previous-next-links\">\n",
      "\t\t\t<div class=\"previous-design-link\"> </div>\n",
      "\t\t\t<div class=\"next-design-link\"><a href=\"http://www.runoob.com/html/html-intro.html\" rel=\"next\"> HTML 简介</a> <i style=\"font-size:16px;\" class=\"fa fa-arrow-right\" aria-hidden=\"true\"></i></div>\n",
      "\t\t</div>\n",
      "\t\t<div class=\"article-body\">\n",
      "\t\t\n",
      "\t\t\t<div class=\"article-intro\" id=\"content\">\n",
      "\t\t\t\n",
      "\t\t\t<h1>HTML 教程- <span class=\"color_h1\">(HTML5 标准)</span></h1>\r\n",
      "<div class=\"tutintro\"><p>\r\n",
      "超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。</p>\r\n",
      "<p>您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。</p>\r\n",
      "<p>在本教程中，您将学习如何使用 HTML 来创建站点。</p>\r\n",
      "<p>HTML 很容易学习！相信您能很快学会它！</p>\r\n",
      "</div>\r\n",
      "\r\n",
      "<h2 class=\"tutheader\">HTML 实例</h2>\r\n",
      "<p>本教程包含了数百个 HTML 实例。</p>\r\n",
      "<p>使用本站的编辑器，您可以轻松实现在线修改 HTML，并查看实例运行结果。</p>\r\n",
      "\r\n",
      "  \r\n",
      "\r\n",
      "<blockquote>  <p><strong>注意：</strong>对于中文网页需要使用 <strong>&lt;meta charset=\"utf-8\"&gt;</strong> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <strong>&lt;meta charset=\"gbk\"&gt;。</strong></p></blockquote>\r\n",
      "\r\n",
      "\r\n",
      "\r\n",
      "\r\n",
      "<div class=\"example\">\r\n",
      "<h2 class=\"example\">实例</h2>\r\n",
      "<div class=\"example_code\">\r\n",
      "<div class=\"hl-main\"><span class=\"hl-brackets\">&lt;</span><span class=\"hl-code\">!</span><span class=\"hl-var\">DOCTYPE</span><span class=\"hl-code\"> </span><span class=\"hl-var\">html</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">html</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">head</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">meta</span><span class=\"hl-code\"> </span><span class=\"hl-var\">charset</span><span class=\"hl-code\">=</span><span class=\"hl-quotes\">&quot;</span><span class=\"hl-string\">utf-8</span><span class=\"hl-quotes\">&quot;</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">title</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">菜鸟教程(runoob.com)</span><span class=\"hl-brackets\">&lt;/</span><span class=\"hl-reserved\">title</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;/</span><span class=\"hl-reserved\">head</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">body</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "    </span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">h1</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">我的第一个标题</span><span class=\"hl-brackets\">&lt;/</span><span class=\"hl-reserved\">h1</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "    </span><span class=\"hl-brackets\">&lt;</span><span class=\"hl-reserved\">p</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">我的第一个段落。</span><span class=\"hl-brackets\">&lt;/</span><span class=\"hl-reserved\">p</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;/</span><span class=\"hl-reserved\">body</span><span class=\"hl-brackets\">&gt;</span><span class=\"hl-code\">\n",
      "</span><span class=\"hl-brackets\">&lt;/</span><span class=\"hl-reserved\">html</span><span class=\"hl-brackets\">&gt;</span></div>\r\n",
      "</div>\r\n",
      "<br>\r\n",
      "<a target=\"_blank\" href=\"/try/try.php?filename=tryhtml_intro\" class=\"tryitbtn\" rel=\"noopener noreferrer\">尝试一下 »</a>\r\n",
      "<p>点击 \"尝试一下\" 按钮查看在线实例</p>\r\n",
      "</div><hr><h2>\r\n",
      "HTML文档的后缀名</h2>\r\n",
      "<ul><li>.html</li>\r\n",
      "<li>.htm</li></ul><p>\r\n",
      "\t\t以上两种后缀名没有区别，都可以使用。</p>\r\n",
      "<p><a href=\"/html/html-intro.html\" >开始学习HTML!</a></p>\r\n",
      "\r\n",
      "<h2 class=\"tutheader\">HTML 实例</h2>\r\n",
      "\r\n",
      "<p>在 HTML 手册中包含了数百个在线实例，您可以在线编辑并查看运行结果。</p>\r\n",
      "<p><a href=\"/html/html-examples.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看 HTML 实例！</a></p>\r\n",
      "\r\n",
      "\r\n",
      "\r\n",
      "<h2 class=\"tutheader\">HTML 参考手册</h2>\r\n",
      "<p>在菜鸟教程中，我们提供了完整的 HTML 参考手册，其中包括标签、属性、颜色、实体等等。</p>\r\n",
      "<p>\r\n",
      "<a href=\"/tags/html-reference.html\">HTML 标签参考手册</a>\r\n",
      "</p>\r\n",
      "<h2 class=\"tutheader\">HTML/CSS/JS 在线工具</h2>\r\n",
      "<p>HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码，并实时查看效果，你也可以将优质代码保存分享：<a href=\"https://c.runoob.com/front-end/61\" target=\"_blank\" rel=\"noopener noreferrer\">https://c.runoob.com/front-end/61</a></p>\t\t\t<!-- 其他扩展 -->\n",
      "\t\t\t\t\t\t\n",
      "\t\t\t</div>\n",
      "\t\t\t\n",
      "\t\t</div>\n",
      "\t\t\n",
      "\t\t<div class=\"previous-next-links\">\n",
      "\t\t\t<div class=\"previous-design-link\"> </div>\n",
      "\t\t\t<div class=\"next-design-link\"><a href=\"http://www.runoob.com/html/html-intro.html\" rel=\"next\"> HTML 简介</a> <i style=\"font-size:16px;\" class=\"fa fa-arrow-right\" aria-hidden=\"true\"></i></div>\n",
      "\t\t</div>\n",
      "\t\t<!-- 笔记列表 -->\n",
      "\t\t<style>\r\n",
      ".wrapper {\r\n",
      "  /*text-transform: uppercase; */\r\n",
      "  background: #ececec;\r\n",
      "  color: #555;\r\n",
      "  cursor: help;\r\n",
      "  font-family: \"Gill Sans\", Impact, sans-serif;\r\n",
      "  font-size: 20px;\r\n",
      "  position: relative;\r\n",
      "  text-align: center;\r\n",
      "  width: 200px;\r\n",
      "  -webkit-transform: translateZ(0); /* webkit flicker fix */\r\n",
      "  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */\r\n",
      "}\r\n",
      "\r\n",
      ".wrapper .tooltip {\r\n",
      "  white-space: nowrap;\r\n",
      "  font-size: 14px;\r\n",
      "  text-align: left;\r\n",
      "  background: #96b97d;\r\n",
      "  bottom: 100%;\r\n",
      "  color: #fff;\r\n",
      "  display: block;\r\n",
      "  left: -25px;\r\n",
      "  margin-bottom: 15px;\r\n",
      "  opacity: 0;\r\n",
      "  padding: 14px;\r\n",
      "  pointer-events: none;\r\n",
      "  position: absolute;\r\n",
      "  \r\n",
      "  -webkit-transform: translateY(10px);\r\n",
      "     -moz-transform: translateY(10px);\r\n",
      "      -ms-transform: translateY(10px);\r\n",
      "       -o-transform: translateY(10px);\r\n",
      "          transform: translateY(10px);\r\n",
      "  -webkit-transition: all .25s ease-out;\r\n",
      "     -moz-transition: all .25s ease-out;\r\n",
      "      -ms-transition: all .25s ease-out;\r\n",
      "       -o-transition: all .25s ease-out;\r\n",
      "          transition: all .25s ease-out;\r\n",
      "  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);\r\n",
      "     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);\r\n",
      "      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);\r\n",
      "       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);\r\n",
      "          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);\r\n",
      "}\r\n",
      ".tooltip a {\r\n",
      "\tcolor:#fff;\r\n",
      "}\r\n",
      "/* This bridges the gap so you can mouse into the tooltip without it disappearing */\r\n",
      ".wrapper .tooltip:before {\r\n",
      "  bottom: -20px;\r\n",
      "  content: \" \";\r\n",
      "  display: block;\r\n",
      "  height: 20px;\r\n",
      "  left: 0;\r\n",
      "  position: absolute;\r\n",
      "  width: 100%;\r\n",
      "}  \r\n",
      "\r\n",
      "/* CSS Triangles - see Trevor's post */\r\n",
      ".wrapper .tooltip:after {\r\n",
      "  border-left: solid transparent 10px;\r\n",
      "  border-right: solid transparent 10px;\r\n",
      "  border-top: solid #96b97d 10px;\r\n",
      "  bottom: -10px;\r\n",
      "  content: \" \";\r\n",
      "  height: 0;\r\n",
      "  left: 20%;\r\n",
      "  margin-left: -13px;\r\n",
      "  position: absolute;\r\n",
      "  width: 0;\r\n",
      "}\r\n",
      ".wrapper .tooltip1 {\r\n",
      "\tmargin-left: 50px;\r\n",
      "\tpadding-top: 0px;\r\n",
      "}\r\n",
      "/*\r\n",
      ".wrapper:hover .tooltip {\r\n",
      "  opacity: 1;\r\n",
      "  pointer-events: auto;\r\n",
      "  -webkit-transform: translateY(0px);\r\n",
      "     -moz-transform: translateY(0px);\r\n",
      "      -ms-transform: translateY(0px);\r\n",
      "       -o-transform: translateY(0px);\r\n",
      "          transform: translateY(0px);\r\n",
      "}\r\n",
      "*/\r\n",
      "/* IE can just show/hide with no transition */\r\n",
      ".lte8 .wrapper .tooltip {\r\n",
      "  display: none;\r\n",
      "}\r\n",
      "\r\n",
      ".lte8 .wrapper:hover .tooltip {\r\n",
      "  display: block;\r\n",
      "}\r\n",
      "\r\n",
      "</style>\r\n",
      "\r\n",
      "<div class=\"title\" id=\"comments\">\r\n",
      "\t<h2 class=\"\">\r\n",
      "    <div class=\"altblock\">\r\n",
      "\t\t\t\t<i style=\"font-size:28px;margin-top: 8px;\" class=\"fa fa-plus-square\" aria-hidden=\"true\"></i>\r\n",
      "\t\t    </div>\r\n",
      "    <span class=\"mw-headline\" id=\"qa_headline\">5  篇笔记</span>\r\n",
      "\t<span class=\"mw-headline\" id=\"user_add_note\" style=\"float:right;line-height: 62px;padding-right: 14px;\"><i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"></i>  写笔记</span>\r\n",
      "    </h2>\r\n",
      "</div>\r\n",
      "\r\n",
      "<div id=\"postcomments\"  style=\"display:none;\" >\r\n",
      "\t<ol class=\"commentlist\">\r\n",
      "\t\t<li class=\"comment byuser comment-author-tianqixin bypostauthor even thread-even depth-1\" id=\"comment-721\"><span class=\"comt-f\">#4</span><div class=\"comt-avatar wrapper\"><i style=\"font-size:36px;\" class=\"fa fa-user-circle\" aria-hidden=\"true\"></i><div class=\"tooltip\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;tianqixin</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;429***967@qq.com</p><p><i class=\"fa fa-external-link\" aria-hidden=\"true\"></i> <a rel=\"nofollow\" target=\"_blank\" href=\"http://www.runoob.com\">&nbsp;&nbsp;参考地址</a></p></div><div id=\"runoobvote-id-721\" data-commid = \"721\" class=\"upvotejs\"><a class=\"upvote\"></a> <span class=\"count\">260</span></div></div><div class=\"comt-main\" id=\"div-comment-721\"><p><strong>注意:</strong>HTML中不支持 空格、回车、制表符，它们都会被解析成一个空白字符。</p>\r\n",
      "<h2>实例</h2>\r\n",
      "<pre>\r\n",
      "菜     鸟\r\n",
      "教程\r\n",
      "</pre><p>\r\n",
      "<a target=\"_blank\" href=\"https://c.runoob.com/codedemo/2750\" class=\"tryitbtn\" rel=\"nofollow\">尝试一下 »</a>\r\n",
      "</p><div class=\"comt-meta wrapper\"><span class=\"comt-author\"><a target=\"_blank\" href=\"javascript:;\">tianqixin</a><div class=\"tooltip tooltip1\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;tianqixin</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;429***967@qq.com</p><p><i class=\"fa fa-external-link\" aria-hidden=\"true\"></i> <a rel=\"nofollow\" target=\"_blank\" href=\"http://www.runoob.com\">&nbsp;&nbsp;参考地址</a></p></div></span>4年前 (2017-01-04)</div></div></li><!-- #comment-## -->\n",
      "<li class=\"comment odd alt thread-odd thread-alt depth-1\" id=\"comment-10455\"><span class=\"comt-f\">#3</span><div class=\"comt-avatar wrapper\"><i style=\"font-size:36px;\" class=\"fa fa-user-circle\" aria-hidden=\"true\"></i><div class=\"tooltip\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;一路风尘</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;896***31@qq.com</p><p><i class=\"fa fa-external-link\" aria-hidden=\"true\"></i> <a rel=\"nofollow\" target=\"_blank\" href=\"http://blog.csdn.net/ljfbest/article/details/6700148\">&nbsp;&nbsp;参考地址</a></p></div><div id=\"runoobvote-id-10455\" data-commid = \"10455\" class=\"upvotejs\"><a class=\"upvote\"></a> <span class=\"count\">349</span></div></div><div class=\"comt-main\" id=\"div-comment-10455\"><p data-title=\"utf-8 和 utf8 区别\">在使用中常常遇到 utf-8 和 utf8，现在终于弄明白他们的使用不同之处了，现在来和大家分享一下，下面我们看一下 utf-8 和 utf8 有什么区别。</p><p>\r\n",
      "\"UTF-8\" 是标准写法，php 在 Windows 下边英文不区分大小写，所以也可以写成 \"utf-8\"。\"UTF-8\" 也可以把中间的\"-\"省略，写成 \"UTF8\"。一般程序都能识别，但也有例外（如下文），为了严格一点，最好用标准的大写\"UTF-8\"。</p><p>\r\n",
      "在数据库中只能使用\"utf8\"(MySQL) 在MySQL的命令模式中只能使用\"utf8\"，不能使用\"utf-8\"，也就是说在PHP程序中只能使用 \"set names utf8(不加小横杠)\"，如果你加了\"-\"此行命令将不会生效，但是在 PHP 中 header 时却要加上\"-\"，因为 IE 不认识没杠的\"utf8\"，原因见下文。</p><p>\r\n",
      "PHP 中的 header：</p>\r\n",
      "<pre>&lt;?php header('Content-Type: text/html; charset=UTF-8'); ?&gt; //奇怪了：Content-Type 用冒号，Chatset却是等号。</pre>\r\n",
      "<p>静态文件使用：</p><p>\r\n",
      "\r\n",
      "总结：【只有在MySQL中可以使用\"utf-8\"的别名\"utf8\"，但是在其他地方一律使用大写\"UTF-8\"。】</p><p>\r\n",
      "具体为：</p><p>\r\n",
      "除了在命令 <b>\"mysql_query(set names utf8)\"</b> 外一律用大写\"UTF-8\"。</p><div class=\"comt-meta wrapper\"><span class=\"comt-author\"><a target=\"_blank\" href=\"/note/10455\">一路风尘</a><div class=\"tooltip tooltip1\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;一路风尘</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;896***31@qq.com</p><p><i class=\"fa fa-external-link\" aria-hidden=\"true\"></i> <a rel=\"nofollow\" target=\"_blank\" href=\"http://blog.csdn.net/ljfbest/article/details/6700148\">&nbsp;&nbsp;参考地址</a></p></div></span>4年前 (2017-03-27)</div></div></li><!-- #comment-## -->\n",
      "<li class=\"comment even thread-even depth-1\" id=\"comment-10456\"><span class=\"comt-f\">#2</span><div class=\"comt-avatar wrapper\"><i style=\"font-size:36px;\" class=\"fa fa-user-circle\" aria-hidden=\"true\"></i><div class=\"tooltip\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;一路风尘</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;896***31@qq.com</p><p><i class=\"fa fa-external-link\" aria-hidden=\"true\"></i> <a rel=\"nofollow\" target=\"_blank\" href=\"http://www.cnblogs.com/chenzhenzhen/p/3988146.html\">&nbsp;&nbsp;参考地址</a></p></div><div id=\"runoobvote-id-10456\" data-commid = \"10456\" class=\"upvotejs\"><a class=\"upvote\"></a> <span class=\"count\">221</span></div></div><div class=\"comt-main\" id=\"div-comment-10456\"><p data-title=\"htm 与 html 的区别\" data-commid=\"11602\"><strong>htm 与 html 的区别</strong></p>\r\n",
      "<p>\r\n",
      "前者是超文本标记(Hypertext Markup)</p><p>\r\n",
      "后者是超文本标记语言(Hypertext Markup Language)</p><p>\r\n",
      "可以说 htm = html</p><p>\r\n",
      "同时，这两种都是静态网页文件的扩展名，扩展名可以互相更换而不会引起错误（这是指打开而言，但是对于一个链接来说，如果它指向的是一个htm文件，而那个htm文件被更改为html文件，那么是找不到这个链接的）</p><p><b>那为什么出现两种文件格式呢？</b></p><p>\r\n",
      "htm 是来源于老的 8.3 文件格式，DOS 操作系统只能支持长度为三位的后缀名，所以是 htm,但在 windows 下无所谓 HTM 与 HTML，html 是为长文件名的格式命名的。所以 htm 是为了兼容过去的DOS命名格式存在的，在效果上没有区别的。以前 htm 和 html 作为不同的服务器上的超文本文件，但现在通用。</p><p>\r\n",
      "\r\n",
      "什么是8.3文件格式？ 这是一种在老的16位Win95或Win98文件系统的短文件名文件格式，扩展名只限于3位，文件名只限于8位。 如果要与16位系统交互，比如说，要把一个路径传给一个16位的程序，你就不能用长文件名，而必须对它进行转换。例如把“C ： /MyLongestPath/MyLongerPath/MyFilename.txt”转换成“C ： /Mylong~1/MyLong~2/Myfile~1.txt”\r\n",
      "</p><p>\r\n",
      "了解这个有什么用？ 在FAT磁盘格式下的DOS中只支持8.3文件格式，如果你要在这个环境下做应用，应该要注意这个文件格式问题。在NTFS下，默认可以兼容这种文件格式，同时也支持长文件名，你也可以通过调整注册表来取消对8.3文件格式也支持。</p><div class=\"comt-meta wrapper\"><span class=\"comt-author\"><a target=\"_blank\" href=\"/note/10456\">一路风尘</a><div class=\"tooltip tooltip1\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;一路风尘</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;896***31@qq.com</p><p><i class=\"fa fa-external-link\" aria-hidden=\"true\"></i> <a rel=\"nofollow\" target=\"_blank\" href=\"http://www.cnblogs.com/chenzhenzhen/p/3988146.html\">&nbsp;&nbsp;参考地址</a></p></div></span>4年前 (2017-03-27)</div></div></li><!-- #comment-## -->\n",
      "<li class=\"comment odd alt thread-odd thread-alt depth-1\" id=\"comment-11602\"><span class=\"comt-f\">#1</span><div class=\"comt-avatar wrapper\"><i style=\"font-size:36px;\" class=\"fa fa-user-circle\" aria-hidden=\"true\"></i><div class=\"tooltip\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;stinkaroo</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;190***276@qq.com</p></div><div id=\"runoobvote-id-11602\" data-commid = \"11602\" class=\"upvotejs\"><a class=\"upvote\"></a> <span class=\"count\">154</span></div></div><div class=\"comt-main\" id=\"div-comment-11602\"><p><b>后缀名选择：用 htm 还是用 html ?</b></p><p>推荐使用长后缀名 <span class=\"marked\">html</span> 。</p><p>命名应该遵从含义清晰、简洁、一致性原则。含义清晰指见名知义，比如这里的 htm（hypertext markup） 和 html (hypertext markup language) 均采用的是英文单词首字母缩写，含义清晰。简洁要求变量命名尽量简短，比如此处后缀名使用首字母缩写而不使用全单词。一致性原则要求同环境下的大量变量命名符合同样的规则，比如有的朋友习惯于Linux文件夹命名规则后，使用win系统时新建文件夹命名仍拒绝使用空格，这便造成了新文件夹名与旧文件夹名命名规则不一致。</p><p>一致性原则往往更为重要。比如合作开发时，不能各守其是，人为提高开发难度。</p><p>从一路风尘的笔记中，我们了解到 htm 是历史遗留的8.3字符限制命名方式，而现在我们在命名时并未遵守8.3规则。因此，从 htm 和 html 中选择时，也应该选择无限制长度命名方式的 html 。</p><div class=\"comt-meta wrapper\"><span class=\"comt-author\"><a target=\"_blank\" href=\"javascript:;\">stinkaroo</a><div class=\"tooltip tooltip1\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;stinkaroo</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;190***276@qq.com</p></div></span>4年前 (2017-05-03)</div></div></li><!-- #comment-## -->\n",
      "<li class=\"comment even thread-even depth-1\" id=\"comment-51967\"><span class=\"comt-f\">#0</span><div class=\"comt-avatar wrapper\"><i style=\"font-size:36px;\" class=\"fa fa-user-circle\" aria-hidden=\"true\"></i><div class=\"tooltip\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;hero</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;339***6039@qq.com</p></div><div id=\"runoobvote-id-51967\" data-commid = \"51967\" class=\"upvotejs\"><a class=\"upvote\"></a> <span class=\"count\">348</span></div></div><div class=\"comt-main\" id=\"div-comment-51967\"><p>总是不知道为什么，每次编程序时，有这么一句话 <span class=\"marked\">&lt;!DOCTYPE html&gt;</span>。现在我终于明白这是什么意思了!</p>\r\n",
      "<p>它是 HTML5 标准网页声明，全称为 Document Type HyperText Mark-up Language，是一条标示语言。支持 HTML5 标准的主流浏览器都认识这个声明。表示网页采用 HTML5，<span class=\"marked\">&lt;!DOCTYPE html&gt;</span> 声明位于文档中的最前面的位置，处于 &lt;html&gt; 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。</p><div class=\"comt-meta wrapper\"><span class=\"comt-author\"><a target=\"_blank\" href=\"javascript:;\">hero</a><div class=\"tooltip tooltip1\"><p><i class=\"fa fa-user\" aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;hero</p><p><i class=\"fa fa-envelope\" aria-hidden=\"true\"></i>&nbsp;&nbsp;339***6039@qq.com</p></div></span>1年前 (2020-03-26)</div></div></li><!-- #comment-## -->\n",
      "\t</ol>\r\n",
      "\t<div class=\"pagenav\">\r\n",
      "\t\t\t</div>\r\n",
      "</div>\r\n",
      "<div id=\"respond\" class=\"no_webshot\"> \r\n",
      "\t\t<div class=\"comment-signarea\" style=\"display:none; padding: 20px 20px;\"> \r\n",
      "\t<h3 class=\"text-muted\" id=\"share_code\" style=\"color: #799961;\"><i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"></i> 点我分享笔记</h3>\r\n",
      "\t<!--\r\n",
      "\t<p style=\"font-size:14px;\">笔记需要是本篇文章的内容扩展！</p><br>\r\n",
      "\t<p style=\"font-size:12px;\"><a href=\"//www.runoob.com/tougao\" target=\"_blank\">文章投稿，可点击这里</a></p>\r\n",
      "\t<p style=\"font-size:14px;\"><a href=\"/w3cnote/runoob-user-test-intro.html#invite\" target=\"_blank\">注册邀请码获取方式</a></p>\r\n",
      "\t\t<h3 class=\"text-muted\"><i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i> 分享笔记前必须<a href=\"javascript:;\" class=\"runoob-pop\">登录</a>！</h3>\r\n",
      "\t\t<p><a href=\"/w3cnote/runoob-user-test-intro.html#invite\" target=\"_blank\">注册邀请码获取方式</a></p>-->\r\n",
      "\t</div>\r\n",
      "\t\t\r\n",
      "\t<form action=\"/wp-content/themes/runoob/option/addnote.php\" method=\"post\" id=\"commentform\" style=\"display:none;\">\r\n",
      "\t\t<div class=\"comt\">\r\n",
      "\t\t\t<div class=\"comt-title\">\r\n",
      "\t\t\t\t<i style=\"font-size:36px;\" class=\"fa fa-user-circle\" aria-hidden=\"true\"></i>\t\t\t\t<p><a id=\"cancel-comment-reply-link\" href=\"javascript:;\">取消</a></p>\r\n",
      "\t\t\t</div>\r\n",
      "\t\t\t<div class=\"comt-box\">\r\n",
      "\t\t\t<div id=\"mded\"></div>\r\n",
      "\t\t\t\r\n",
      "\t\t\t\t<div class=\"comt-ctrl\">\r\n",
      "\t\t\t\t\t<div class=\"comt-tips\"><input type='hidden' name='comment_post_ID' value='1' id='comment_post_ID' />\n",
      "<input type='hidden' name='comment_parent' id='comment_parent' value='0' />\n",
      "</div>\r\n",
      "\t\t\t\t\t<button type=\"submit\" name=\"submit\" id=\"submit\" tabindex=\"5\"><i class=\"fa fa-pencil\" aria-hidden=\"true\"></i> 分享笔记</button>\r\n",
      "\t\t\t\t</div>\r\n",
      "\t\t\t</div>\r\n",
      "\t\t\r\n",
      "\t\t\t\t\r\n",
      "\t\t\t\t\t<div class=\"comt-comterinfo\"> \r\n",
      "\t\t\t\t\t\t<ul id=\"comment-author-info\">\r\n",
      "\t\t\t\t\t\t\t<li class=\"form-inline\"><label class=\"hide\" for=\"author\">昵称</label><input class=\"ipt\" type=\"text\" name=\"author\" id=\"author\" value=\"\" tabindex=\"2\" placeholder=\"昵称\"><span class=\"text-muted\">昵称 (必填)</span></li>\r\n",
      "\t\t\t\t\t\t\t<li class=\"form-inline\"><label class=\"hide\" for=\"email\">邮箱</label><input class=\"ipt\" type=\"text\" name=\"email\" id=\"email\" value=\"\" tabindex=\"3\" placeholder=\"邮箱\"><span class=\"text-muted\">邮箱 (必填)</span></li>\r\n",
      "\t\t\t\t\t\t\t<li class=\"form-inline\"><label class=\"hide\" for=\"url\">引用地址</label><input class=\"ipt\" type=\"text\" name=\"url\" id=\"url\" value=\"\" tabindex=\"4\" placeholder=\"引用地址\"><span class=\"text-muted\">引用地址</span></li>\r\n",
      "\t\t\t\t\t\t</ul>\r\n",
      "\t\t\t\t\t</div>\r\n",
      "\t\t\t\t\r\n",
      "\t\t\t\r\n",
      "\t\t</div>\r\n",
      "\r\n",
      "\t</form>\r\n",
      "\t</div>\r\n",
      "<script type=\"text/javascript\">\r\n",
      "$(function() {\r\n",
      "\t//初始化编辑器\r\n",
      "\t\r\n",
      "\tvar editor = new Simditor({\r\n",
      "\t  textarea: $('#mded'),\r\n",
      "\t  placeholder: '写笔记...',\r\n",
      "\t  upload:false,\r\n",
      "\t // upload: {url:'/api/comment_upload_file.php',params: null,fileKey: 'upload_file',connectionCount: 1,leaveConfirm: '文件正在上传，您确定离开?'},\r\n",
      "\t  defaultImage: 'http://www.runoob.com/images/logo.png',\r\n",
      "\t  codeLanguages: '',\r\n",
      "\t  autosave: 'editor-content',\r\n",
      "\t  toolbar: [  'bold','code','ul','ol','image' ]\r\n",
      "\t});\r\n",
      "\teditor.on('selectionchanged', function() {\r\n",
      "\t\t$(\".code-popover\").hide();\r\n",
      "\t});\r\n",
      "\r\n",
      "\t// 提交数据\r\n",
      "\t$(\"#share_code\").click(function() {\r\n",
      "\t\t$(\".comment-signarea\").hide();\r\n",
      "\t\t$(\"#commentform\").show();\r\n",
      "\t\t\r\n",
      "\t});\r\n",
      "\t$(\"#user_add_note\").click(function() {\r\n",
      "\t\t$(\".comment-signarea\").hide();\r\n",
      "\t\t$(\"#commentform\").show();\r\n",
      "\t\t$('html, body').animate({\r\n",
      "       \t    scrollTop: $(\"#respond\").offset().top\r\n",
      "    \t}, 200);\r\n",
      "\t});\r\n",
      "\r\n",
      "\t// 提交笔记\r\n",
      "\tvar commentform=$('#commentform');\r\n",
      "\tcommentform.prepend('<div id=\"comment-status\" style=\"display:none;\" ></div>');\r\n",
      "\tvar statusdiv=$('#comment-status');\r\n",
      "\t\r\n",
      "\tcommentform.submit(function(e){\r\n",
      "\t\te.preventDefault();\r\n",
      "\t\tvar noteContent = editor.getValue();\r\n",
      "\t\t// console.log(noteContent);\r\n",
      "\t\tnoteContent = noteContent.replace(/<pre><code>/g,\"<pre>\");\r\n",
      "\t\tnoteContent = noteContent.replace(/<\\/code><\\/pre>/g,\"</pre>\");\r\n",
      "\t\t\r\n",
      "\t\t// 系列化表单数据\r\n",
      "\t\tvar comment_parent = 0;\r\n",
      "\t\tvar is_user_logged_in = $(\"#is_user_logged_in\").val();\r\n",
      "\t\tvar comment_post_ID =  1;\r\n",
      "\t\tvar _wp_unfiltered_html_comment = $(\"#_wp_unfiltered_html_comment\").val();\r\n",
      "\t\tvar comment = noteContent;\r\n",
      "\t\tvar author = $(\"#author\").val();\r\n",
      "\t\tvar url = $(\"#url\").val();\r\n",
      "\t\tvar email = $(\"#email\").val();\r\n",
      "\t\tif(isBlank(author) && is_user_logged_in==0) {\r\n",
      "\t\t\tstatusdiv.html('<p  class=\"ajax-error\">请输入昵称！</p>').show();\r\n",
      "\t\t} else if(isBlank(email)  && is_user_logged_in==0) {\r\n",
      "\t\t\tstatusdiv.html('<p  class=\"ajax-error\">请输入邮箱！</p>').show();\r\n",
      "\t\t} else {\r\n",
      "\t\t\t// var formdata=commentform.serialize() + \"&comment=\" + noteContent ;\r\n",
      "\t\t\t// 添加状态信息\r\n",
      "\t\t\tstatusdiv.html('<p>Processing...</p>').show();\r\n",
      "\t\t\t// 获取表单提交地址\r\n",
      "\t\t\tvar formurl=commentform.attr('action');\r\n",
      "\t\t\t\r\n",
      "\t\t\t// 异步提交\r\n",
      "\t\t\t$.ajax({\r\n",
      "\t\t\t\t\ttype: 'post',\r\n",
      "\t\t\t\t\turl: formurl,\r\n",
      "\t\t\t\t\tdataType:'json',\r\n",
      "\t\t\t\t\tdata: {\"comment_parent\":comment_parent,\"comment_post_ID\":comment_post_ID, \"_wp_unfiltered_html_comment\":_wp_unfiltered_html_comment,\"comment\":comment,\"url\":url, \"email\":email,\"author\":author},\r\n",
      "\t\t\t\t\terror: function(XMLHttpRequest, textStatus, errorThrown){\r\n",
      "\t\t\t\t\tstatusdiv.html('<p class=\"ajax-error\" >数据不完整或表单提交太快了！</p>').show();\r\n",
      "\t\t\t\t},\r\n",
      "\t\t\t\tsuccess: function(data, textStatus){\r\n",
      "\t\t\t\t\tif(data.errorno==\"0\") {\r\n",
      "\t\t\t\t\t\t$(\"#submit\").prop('disabled', true);\r\n",
      "\t\t\t\t\t\tstatusdiv.html('<p class=\"ajax-success\" >笔记已提交审核，感谢分享笔记！</p>').show();\r\n",
      "\t\t\t\t\t\talert('笔记已提交审核，感谢分享笔记！');\r\n",
      "\t\t\t\t\t}else{\r\n",
      "\t\t\t\t\t\tstatusdiv.html('<p class=\"ajax-error\" >'+data.msg+'</p>').show();\r\n",
      "\t\t\t\t\t}\r\n",
      "\t\t\t\t\tcommentform.find('textarea[name=comment]').val('');\r\n",
      "\t\t\t\t}\r\n",
      "\t\t\t});\r\n",
      "\t\t\tsetTimeout(function(){\r\n",
      "\t\t        $(\"#submit\").prop('disabled', false);\r\n",
      "\t\t    }, 10*1000);\r\n",
      "\t\t}\r\n",
      "\t\treturn false;\r\n",
      "\r\n",
      "\t});\r\n",
      "\t$(\".comt-author\").click(function() {\r\n",
      "\t\thref = $(this).children(\"a\").attr(\"href\");\r\n",
      "\t\tif(href.indexOf(\"/note/\")!=-1) {\r\n",
      "\t\t\tvar win = window.open(href, '_blank');\r\n",
      "  \t\t\twin.focus();\r\n",
      "\t\t}\r\n",
      "\t});\r\n",
      "\t$(\".comt-meta span\").hover(function(){\r\n",
      "\t\t$(this).children(\".tooltip\").css({ \"opacity\": 1, \"pointer-events\": \"auto\"});\r\n",
      "\t},function(){\r\n",
      "\t\t$(this).children(\".tooltip\").removeAttr(\"style\");\r\n",
      "\t});\r\n",
      "\t/*\r\n",
      "\t$(\".wrapper i\").hover(function(){\r\n",
      "\t\t$(this).siblings(\".tooltip\").css({ \"opacity\": 1, \"pointer-events\": \"auto\"});\r\n",
      "\t},function(){\r\n",
      "\t\t$(this).siblings(\".tooltip\").css({ \"opacity\": 0, \"pointer-events\": \"auto\"});\r\n",
      "\t});\r\n",
      "\t*/\r\n",
      "\t//Upvote.create('runoobvote-id', {callback: vote_callback});\r\n",
      "\tvar ajaxurl = 'https://www.runoob.com/wp-admin/admin-ajax.php';\r\n",
      "\tvar callback = function(data) {\r\n",
      "\t\t//console.log($('#runoobvote-id').upvote('upvoted'));\r\n",
      "\t\t//console.log($('#runoobvote-id').upvote('downvoted'));\r\n",
      "\t\t//console.log(data);\r\n",
      "\t\t_vote_action = data.action;\r\n",
      "\t\tid_arr = data.id.split('-');\r\n",
      "\t\tum_id= id_arr[2];\r\n",
      "\t\t//console.log(um_id);\r\n",
      "\t\t\r\n",
      "\t\tvar re = /^[1-9]+/;\r\n",
      "\t\tif (re.test(um_id)) { \r\n",
      "\t\t\tvar ajax_data = {\r\n",
      "\t\t\t\t_vote_action: _vote_action,\r\n",
      "\t\t\t\taction: \"pinglun_zan\",\r\n",
      "\t\t\t\tum_id: um_id,\r\n",
      "\t\t\t\tum_action: \"ding\"\r\n",
      "\t\t\t};\r\n",
      "\t\t\t//console.log(ajax_data);\r\n",
      "\t\t\t$.post(ajaxurl,ajax_data,function(status){\r\n",
      "\t\t\t\t//if(status.vote_num>999) {\r\n",
      "\t\t\t\t//\t_voteHtml = '<span style=\"display: block; text-align: center;font-size: 20px; color: #6a737c; margin: 8px 0;\">'+kFormatter(status.vote_num) +'</span>';\r\n",
      "\t\t\t\t//\t$(\"#runoobvote-id-\" + um_id + \" .count\").hide().after(_voteHtml);\r\n",
      "\t\t\t\t//}\r\n",
      "\t\t\t\t\r\n",
      "\t\t\t});\r\n",
      "\t\t}\r\n",
      "\t};\r\n",
      "\tif($('#comments').length){\r\n",
      "\t\t$('.upvotejs').upvote({id: 1, callback: callback});\r\n",
      "\t\r\n",
      "\t\t$.post(ajaxurl,{\"action\":\"pinglun_zan\",\"postid\":1},function(data){  \r\n",
      "\t\t\t$(data).each(function(key,value) {\r\n",
      "\t\t\t\t$(\"#runoobvote-id-\" + value.commid + \" .upvote\").addClass(value.upvotejs_class);\r\n",
      "\t\t\t\t$(\"#runoobvote-id-\" + value.commid + \" .downvote\").addClass(value.downvote_class);\r\n",
      "\t\t\t\t$(\"#runoobvote-id-\" + value.commid + \" .count\").text(value.upvote_count);\r\n",
      "\t\t\t})\r\n",
      "\t\t},'json');\r\n",
      "\t\t\r\n",
      "\t}\r\n",
      "\t\r\n",
      "\t\r\n",
      "});\r\n",
      "function isBlank(str) {\r\n",
      "    return (!str || /^\\s*$/.test(str));\r\n",
      "}\r\n",
      "function kFormatter(num) {\r\n",
      "\t// return num;\r\n",
      "    return Math.abs(num) > 999 ? Math.sign(num)*((Math.abs(num)/1000).toFixed(1)) + 'k' : Math.sign(num)*Math.abs(num)\r\n",
      "}\r\n",
      "\r\n",
      "</script>\r\n",
      "\r\n",
      "<link rel=\"stylesheet\" href=\"https://static.runoob.com/assets/upvotejs/dist/upvotejs/upvotejs.css\">\r\n",
      "<script src=\"https://static.runoob.com/assets/upvotejs/dist/upvotejs/upvotejs.vanilla.js\"></script>\r\n",
      "<script src=\"https://static.runoob.com/assets/upvotejs/dist/upvotejs/upvotejs.jquery.js\"></script>\r\n",
      "<link rel=\"stylesheet\" href=\"/wp-content/themes/runoob/assets/css/qa.css?1.43\">\r\n",
      "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.staticfile.org/simditor/2.3.6/styles/simditor.min.css\" />\r\n",
      "<script type=\"text/javascript\" src=\"https://static.runoob.com/assets/simditor/2.3.6/scripts/module.js\"></script>\r\n",
      "<script type=\"text/javascript\" src=\"//static.runoob.com/assets/simditor/2.3.6/scripts/hotkeys.js\"></script>\r\n",
      "<script type=\"text/javascript\" src=\"//static.runoob.com/assets/simditor/2.3.6/scripts/uploader.js\"></script>\r\n",
      "<script type=\"text/javascript\" src=\"https://cdn.staticfile.org/simditor/2.3.6/lib/simditor.min.js\"></script>\r\n",
      "<script type=\"text/javascript\" src=\"https://static.runoob.com/assets/simditor/2.3.6/scripts/simditor-autosave.js\"></script>\r\n",
      "\t\t<div class=\"sidebar-box \">\n",
      "\t\t\t\t<div id=\"ad-336280\" >\n",
      "\n",
      "\t\t<style>\t\n",
      ".responsive_ad1 { display:none; }\n",
      "@media(min-width: 800px) { .responsive_ad1 {  display:block;margin:0 auto;} }\n",
      "\n",
      "</style>\n",
      "<script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script>\n",
      "<!-- 移动版 自动调整 -->\n",
      "<ins class=\"adsbygoogle responsive_ad1\"\n",
      "     style=\"min-width:400px;max-width:728px;width:100%;height:90px;\"\n",
      "     data-ad-client=\"ca-pub-5751451760833794\"\n",
      "     data-ad-slot=\"1691338467\"\n",
      "     data-full-width-responsive=\"true\"></ins>\n",
      "<script>\n",
      "     (adsbygoogle = window.adsbygoogle || []).push({});\n",
      "</script>\n",
      "\t\t</div>\n",
      "\t\t\t\t</div>\n",
      "\t\t\n",
      "\t</div>\n",
      "</div>\n",
      "\t\n",
      "\n",
      "<!-- 右边栏 -->\r\n",
      "<div class=\"fivecol last right-column\">\r\n",
      "<!--\r\n",
      "\t<div class=\"tab tab-light-blue\" style=\"text-align: center;\">关注微信</div>\r\n",
      "\t<div class=\"sidebar-box\">\r\n",
      "\t\t<a href=\"http://m.runoob.com/\" target=\"_blank\"> <img src=\"http://www.runoob.com/wp-content/themes/w3cschool.cc/assets/img/qrcode.jpg\" alt=\"移动版\"> </a>\r\n",
      "\t\t<div class=\"qqinfo\">\r\n",
      "\t\t <a target=\"_blank\" href=\"http://jq.qq.com/?_wv=1027&k=dOwwKN\" id=\"qqhref\">\r\n",
      "\t\t<img border=\"0\" src=\"http://pub.idqqimg.com/wpa/images/group.png\" alt=\"菜鸟家族\" title=\"菜鸟家族\"></a>\r\n",
      "\t\t<span>(群号：<span id=\"qqid\">365967760</span>)</span>\r\n",
      "\t\t</div>\r\n",
      "\t\t\r\n",
      "\t</div>\r\n",
      "\t-->\r\n",
      "<style>\r\n",
      ".sidebar-tree .double-li {\r\n",
      "\twidth:300px;\r\n",
      "}\r\n",
      ".sidebar-tree .double-li li {\r\n",
      "    width: 44%;\r\n",
      "    line-height: 1.5em;\r\n",
      "    border-bottom: 1px solid #ccc;\r\n",
      "    float: left;\r\n",
      "    display: inline;\r\n",
      "}\r\n",
      "</style>\r\n",
      "\r\n",
      "\t\r\n",
      "\t\t<div class=\"sidebar-box re-box re-box-large\">\r\n",
      "\t\t<div class=\"sidebar-box recommend-here\" style=\"margin: 0 auto;\">\r\n",
      "\t\t\t<a href=\"javascript:void(0);\" style=\"font-size: 16px; color:#64854c;font-weight:bold;\"> <i class=\"fa fa-list\" aria-hidden=\"true\"></i> 分类导航</a>\r\n",
      "\t\t</div>\r\n",
      "\t<div class=\"sidebar-box sidebar-cate\">\r\n",
      "\t\t\r\n",
      "\t\t<div class=\"sidebar-tree\" >\r\n",
      "\t\t\t<ul><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> HTML / CSS</a><ul class=\"double-li\"><li><a title=\"HTML 教程\" href=\"//www.runoob.com/html/html-tutorial.html\">HTML 教程</a></li><li><a title=\"HTML5 教程\" href=\"//www.runoob.com/html/html5-intro.html\">HTML5 教程</a></li><li><a title=\"CSS 教程\" href=\"//www.runoob.com/css/css-tutorial.html\">CSS 教程</a></li><li><a title=\"CSS3 教程\" href=\"//www.runoob.com/css3/css3-tutorial.html\">CSS3 教程</a></li><li><a title=\"Bootstrap3 教程\" href=\"//www.runoob.com/bootstrap/bootstrap-tutorial.html\">Bootstrap3 教程</a></li><li><a title=\"Bootstrap4 教程\" href=\"//www.runoob.com/bootstrap4/bootstrap4-tutorial.html\">Bootstrap4 教程</a></li><li><a title=\"Font Awesome 教程\" href=\"//www.runoob.com/font-awesome/fontawesome-tutorial.html\">Font Awesome 教程</a></li><li><a title=\"Foundation 教程\" href=\"//www.runoob.com/foundation/foundation-tutorial.html\">Foundation 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> JavaScript</a><ul class=\"double-li\"><li><a title=\"JavaScript 教程\" href=\"//www.runoob.com/js/js-tutorial.html\">JavaScript 教程</a></li><li><a title=\"HTML DOM 教程\" href=\"//www.runoob.com/htmldom/htmldom-tutorial.html\">HTML DOM 教程</a></li><li><a title=\"jQuery 教程\" href=\"//www.runoob.com/jquery/jquery-tutorial.html\">jQuery 教程</a></li><li><a title=\"AngularJS 教程\" href=\"//www.runoob.com/angularjs/angularjs-tutorial.html\">AngularJS 教程</a></li><li><a title=\"AngularJS2 教程\" href=\"//www.runoob.com/angularjs2/angularjs2-tutorial.html\">AngularJS2 教程</a></li><li><a title=\"Vue.js 教程\" href=\"//www.runoob.com/vue2/vue-tutorial.html\">Vue.js 教程</a></li><li><a title=\"Vue3 教程\" href=\"//www.runoob.com/vue3/vue3-tutorial.html\">Vue3 教程</a></li><li><a title=\"React 教程\" href=\"//www.runoob.com/react/react-tutorial.html\">React 教程</a></li><li><a title=\"TypeScript 教程\" href=\"//www.runoob.com/typescript/ts-tutorial.html\">TypeScript 教程</a></li><li><a title=\"jQuery UI 教程\" href=\"//www.runoob.com/jqueryui/jqueryui-tutorial.html\">jQuery UI 教程</a></li><li><a title=\"jQuery EasyUI 教程\" href=\"//www.runoob.com/jeasyui/jqueryeasyui-tutorial.html\">jQuery EasyUI 教程</a></li><li><a title=\"Node.js 教程\" href=\"//www.runoob.com/nodejs/nodejs-tutorial.html\">Node.js 教程</a></li><li><a title=\"AJAX 教程\" href=\"//www.runoob.com/ajax/ajax-tutorial.html\">AJAX 教程</a></li><li><a title=\"JSON 教程\" href=\"//www.runoob.com/json/json-tutorial.html\">JSON 教程</a></li><li><a title=\"Echarts 教程\" href=\"//www.runoob.com/echarts/echarts-tutorial.html\">Echarts 教程</a></li><li><a title=\"Highcharts 教程\" href=\"//www.runoob.com/highcharts/highcharts-tutorial.html\">Highcharts 教程</a></li><li><a title=\"Google 地图 教程\" href=\"//www.runoob.com/googleapi/google-maps-basic.html\">Google 地图 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> 服务端</a><ul class=\"double-li\"><li><a title=\"Python 教程\" href=\"//www.runoob.com/python3/python3-tutorial.html\">Python 教程</a></li><li><a title=\"Python2.x 教程\" href=\"//www.runoob.com/python/python-tutorial.html\">Python2.x 教程</a></li><li><a title=\"Linux 教程\" href=\"//www.runoob.com/linux/linux-tutorial.html\">Linux 教程</a></li><li><a title=\"Docker 教程\" href=\"//www.runoob.com/docker/docker-tutorial.html\">Docker 教程</a></li><li><a title=\"Ruby 教程\" href=\"//www.runoob.com/ruby/ruby-tutorial.html\">Ruby 教程</a></li><li><a title=\"Java 教程\" href=\"//www.runoob.com/java/java-tutorial.html\">Java 教程</a></li><li><a title=\"C 教程\" href=\"//www.runoob.com/c/c-tutorial.html\">C 教程</a></li><li><a title=\"C++ 教程\" href=\"//www.runoob.com/cplusplus/cpp-tutorial.html\">C++ 教程</a></li><li><a title=\"Perl 教程\" href=\"//www.runoob.com/perl/perl-tutorial.html\">Perl 教程</a></li><li><a title=\"Servlet 教程\" href=\"//www.runoob.com/servlet/servlet-tutorial.html\">Servlet 教程</a></li><li><a title=\"JSP 教程\" href=\"//www.runoob.com/jsp/jsp-tutorial.html\">JSP 教程</a></li><li><a title=\"Lua 教程\" href=\"//www.runoob.com/lua/lua-tutorial.html\">Lua 教程</a></li><li><a title=\"Rust 教程\" href=\"//www.runoob.com/rust/rust-tutorial.html\">Rust 教程</a></li><li><a title=\"R 教程\" href=\"//www.runoob.com/r/r-tutorial.html\">R 教程</a></li><li><a title=\"Scala 教程\" href=\"//www.runoob.com/scala/scala-tutorial.html\">Scala 教程</a></li><li><a title=\"Go 教程\" href=\"//www.runoob.com/go/go-tutorial.html\">Go 教程</a></li><li><a title=\"PHP 教程\" href=\"//www.runoob.com/php/php-tutorial.html\">PHP 教程</a></li><li><a title=\"Django 教程\" href=\"//www.runoob.com/django/django-tutorial.html\">Django 教程</a></li><li><a title=\"Zookeeper 教程\" href=\"//www.runoob.com/w3cnote/zookeeper-tutorial.html\">Zookeeper 教程</a></li><li><a title=\"设计模式\" href=\"//www.runoob.com/design-pattern/design-pattern-tutorial.html\">设计模式</a></li><li><a title=\"正则表达式\" href=\"//www.runoob.com/regexp/regexp-tutorial.html\">正则表达式</a></li><li><a title=\"Maven 教程\" href=\"//www.runoob.com/maven/maven-tutorial.html\">Maven 教程</a></li><li><a title=\"NumPy 教程\" href=\"//www.runoob.com/numpy/numpy-tutorial.html\">NumPy 教程</a></li><li><a title=\"Verilog 教程\" href=\"//www.runoob.com/w3cnote/verilog-tutorial.html\">Verilog 教程</a></li><li><a title=\"ASP 教程\" href=\"//www.runoob.com/asp/asp-tutorial.html\">ASP 教程</a></li><li><a title=\"AppML 教程\" href=\"//www.runoob.com/appml/appml-tutorial.html\">AppML 教程</a></li><li><a title=\"VBScript 教程\" href=\"//www.runoob.com/vbscript/vbscript-tutorial.html\">VBScript 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> 数据库</a><ul class=\"double-li\"><li><a title=\"SQL 教程\" href=\"//www.runoob.com/sql/sql-tutorial.html\">SQL 教程</a></li><li><a title=\"MySQL 教程\" href=\"//www.runoob.com/mysql/mysql-tutorial.html\">MySQL 教程</a></li><li><a title=\"PostgreSQL 教程\" href=\"//www.runoob.com/postgresql/postgresql-tutorial.html\">PostgreSQL 教程</a></li><li><a title=\"SQLite 教程\" href=\"//www.runoob.com/sqlite/sqlite-tutorial.html\">SQLite 教程</a></li><li><a title=\"MongoDB 教程\" href=\"//www.runoob.com/mongodb/mongodb-tutorial.html\">MongoDB 教程</a></li><li><a title=\"Redis 教程\" href=\"//www.runoob.com/redis/redis-tutorial.html\">Redis 教程</a></li><li><a title=\"Memcached 教程\" href=\"//www.runoob.com/Memcached/Memcached-tutorial.html\">Memcached 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> 移动端</a><ul class=\"double-li\"><li><a title=\"Android 教程\" href=\"//www.runoob.com/w3cnote/android-tutorial-intro.html\">Android 教程</a></li><li><a title=\"Swift 教程\" href=\"//www.runoob.com/swift/swift-tutorial.html\">Swift 教程</a></li><li><a title=\"jQuery Mobile 教程\" href=\"//www.runoob.com/jquerymobile/jquerymobile-tutorial.html\">jQuery Mobile 教程</a></li><li><a title=\"ionic 教程\" href=\"//www.runoob.com/ionic/ionic-tutorial.html\">ionic 教程</a></li><li><a title=\"Kotlin 教程\" href=\"//www.runoob.com/kotlin/kotlin-tutorial.html\">Kotlin 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> XML 教程</a><ul class=\"double-li\"><li><a title=\"XML 教程\" href=\"//www.runoob.com/xml/xml-tutorial.html\">XML 教程</a></li><li><a title=\"DTD 教程\" href=\"//www.runoob.com/dtd/dtd-tutorial.html\">DTD 教程</a></li><li><a title=\"XML DOM 教程\" href=\"//www.runoob.com/dom/dom-tutorial.html\">XML DOM 教程</a></li><li><a title=\"XSLT 教程\" href=\"//www.runoob.com/xsl/xsl-tutorial.html\">XSLT 教程</a></li><li><a title=\"XPath 教程\" href=\"//www.runoob.com/xpath/xpath-tutorial.html\">XPath 教程</a></li><li><a title=\"XQuery 教程\" href=\"//www.runoob.com/xquery/xquery-tutorial.html\">XQuery 教程</a></li><li><a title=\"XLink 教程\" href=\"//www.runoob.com/xlink/xlink-tutorial.html\">XLink 教程</a></li><li><a title=\"XPointer 教程\" href=\"//www.runoob.com/xlink/xlink-tutorial.html\">XPointer 教程</a></li><li><a title=\"XML Schema 教程\" href=\"//www.runoob.com/schema/schema-tutorial.html\">XML Schema 教程</a></li><li><a title=\"XSL-FO 教程\" href=\"//www.runoob.com/xslfo/xslfo-tutorial.html\">XSL-FO 教程</a></li><li><a title=\"SVG 教程\" href=\"//www.runoob.com/svg/svg-tutorial.html\">SVG 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> ASP.NET</a><ul class=\"double-li\"><li><a title=\"ASP.NET 教程\" href=\"//www.runoob.com/aspnet/aspnet-tutorial.html\">ASP.NET 教程</a></li><li><a title=\"C# 教程\" href=\"//www.runoob.com/csharp/csharp-tutorial.html\">C# 教程</a></li><li><a title=\"Web Pages 教程\" href=\"//www.runoob.com/aspnet/webpages-intro.html\">Web Pages 教程</a></li><li><a title=\"Razor 教程\" href=\"//www.runoob.com/aspnet/razor-intro.html\">Razor 教程</a></li><li><a title=\"MVC 教程\" href=\"//www.runoob.com/aspnet/mvc-intro.html\">MVC 教程</a></li><li><a title=\"Web Forms 教程\" href=\"//www.runoob.com/aspnet/aspnet-intro.html\">Web Forms 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> Web Service</a><ul class=\"double-li\"><li><a title=\"Web Service 教程\" href=\"//www.runoob.com/webservices/webservices-tutorial.html\">Web Service 教程</a></li><li><a title=\"WSDL 教程\" href=\"//www.runoob.com/wsdl/wsdl-tutorial.html\">WSDL 教程</a></li><li><a title=\"SOAP 教程\" href=\"//www.runoob.com/soap/soap-tutorial.html\">SOAP 教程</a></li><li><a title=\"RSS 教程\" href=\"//www.runoob.com/rss/rss-tutorial.html\">RSS 教程</a></li><li><a title=\"RDF 教程\" href=\"//www.runoob.com/rdf/rdf-tutorial.html\">RDF 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> 开发工具</a><ul class=\"double-li\"><li><a title=\"Eclipse 教程\" href=\"//www.runoob.com/eclipse/eclipse-tutorial.html\">Eclipse 教程</a></li><li><a title=\"Git 教程\" href=\"//www.runoob.com/git/git-tutorial.html\">Git 教程</a></li><li><a title=\"Svn 教程\" href=\"//www.runoob.com/svn/svn-tutorial.html\">Svn 教程</a></li><li><a title=\"Markdown 教程\" href=\"//www.runoob.com/markdown/md-tutorial.html\">Markdown 教程</a></li></ul></li><li style=\"margin: 0;\"><a href=\"javascript:void(0);\" class=\"tit\"> 网站建设</a><ul class=\"double-li\"><li><a title=\"HTTP 教程\" href=\"//www.runoob.com/http/http-tutorial.html\">HTTP 教程</a></li><li><a title=\"网站建设指南\" href=\"//www.runoob.com/web/web-buildingprimer.html\">网站建设指南</a></li><li><a title=\"浏览器信息\" href=\"//www.runoob.com/browsers/browser-information.html\">浏览器信息</a></li><li><a title=\"网站主机教程\" href=\"//www.runoob.com/hosting/hosting-tutorial.html\">网站主机教程</a></li><li><a title=\"TCP/IP 教程\" href=\"//www.runoob.com/tcpip/tcpip-tutorial.html\">TCP/IP 教程</a></li><li><a title=\"W3C 教程\" href=\"//www.runoob.com/w3c/w3c-tutorial.html\">W3C 教程</a></li><li><a title=\"网站品质\" href=\"//www.runoob.com/quality/quality-tutorial.html\">网站品质</a></li></ul></li></ul>\t\t\t</div>\r\n",
      "\t\r\n",
      "\t</div>\r\n",
      "\t</div>\r\n",
      "\t<br>\r\n",
      "\t\r\n",
      "\t<div class=\"sidebar-box re-box re-box-large\">\r\n",
      "\t\t<div class=\"sidebar-box recommend-here\">\r\n",
      "\t\t\t<a href=\"javascript:void(0);\">Advertisement</a>\r\n",
      "\t\t</div>\r\n",
      "\t\t<div class=\"re-600160\" id=\"sidebar-right-re\">\r\n",
      "\t\t\t\t<script async src=\"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script>\r\n",
      "\t\t<!-- 侧栏1 -->\r\n",
      "\t\t<ins class=\"adsbygoogle\"\r\n",
      "\t\t     style=\"display:inline-block;width:160px;height:600px\"\r\n",
      "\t\t     data-ad-client=\"ca-pub-5751451760833794\"\r\n",
      "\t\t     data-ad-slot=\"4106274865\"></ins>\r\n",
      "\t\t<script>\r\n",
      "\t\t(adsbygoogle = window.adsbygoogle || []).push({});\r\n",
      "\t\t</script>\r\n",
      "\t\t\t\t</div>\r\n",
      "\t</div>\r\n",
      "</div></div>\n",
      "\n",
      "</div>\n",
      "\n",
      "<script>\n",
      "var aid = 1;\n",
      "function coll() {\n",
      "\t$.post( '/wp-content/themes/runoob/option/user/userinfo.php', {aid:aid, action:\"collarticle\", opt:'add'},function( data ) {\n",
      "\t\tif(data.error==0) {\n",
      "\t\t\t$(\"#content\").find(\"h1:first\").find(\"a\").attr(\"href\",\"javascript:void(0);\");\n",
      "\t\t\t$(\"#content\").find(\"h1:first\").find(\"img\").attr(\"src\",\"http://www.runoob.com/wp-content/themes/runoob/assets/img/coll2.png\").css({width:32+\"px\",height:32+\"px\"});\n",
      "\t\t}\n",
      "\t\talert(data.msg);\n",
      "\t},'json');\n",
      "}\n",
      "</script>\n",
      "\n",
      "\n",
      "<!-- 反馈对话框开始 -->\n",
      "<script src=\"/wp-content/themes/runoob/assets/feedback/stable/2.0/feedback.js?1.0\"></script>\n",
      "<link rel=\"stylesheet\" href=\"/wp-content/themes/runoob/assets/feedback/stable/2.0/feedback.css?1.0\" />\n",
      "<script type=\"text/javascript\">\n",
      "$.feedback({\n",
      "    ajaxURL: '/feedback/runoob_feedback.php',\n",
      "\thtml2canvasURL: '/wp-content/themes/runoob/assets/feedback/stable/2.0/html2canvas.js',\n",
      "\tonClose: function () {\n",
      "         window.location.reload();\n",
      "    }\n",
      "});\n",
      "</script>\n",
      "<!-- 反馈对话框结束 -->\n",
      "<button class=\"feedback-btn feedback-btn-gray\">反馈/建议</button>\n",
      "<!-- 底部 -->\n",
      "\n",
      "\n",
      "<div id=\"footer\" class=\"mar-t50\">\n",
      "   <div class=\"runoob-block\">\n",
      "    <div class=\"runoob cf\">\n",
      "     <dl>\n",
      "      <dt>\n",
      "       在线实例\n",
      "      </dt>\n",
      "      <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/html/html-examples.html\">HTML 实例</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/css/css-examples.html\">CSS 实例</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/js/js-examples.html\">JavaScript 实例</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/ajx/ajax-examples.html\">Ajax 实例</a>\n",
      "      </dd>\n",
      "       <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/jquery/jquery-examples.html\">jQuery 实例</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/xml/xml-examples.html\">XML 实例</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot;<a target=\"_blank\" href=\"/java/java-examples.html\">Java 实例</a>\n",
      "      </dd>\n",
      "     \n",
      "     </dl>\n",
      "     <dl>\n",
      "      <dt>\n",
      "      字符集&工具\n",
      "      </dt>\n",
      "      <dd>\n",
      "       &middot; <a target=\"_blank\" href=\"/charsets/html-charsets.html\">HTML 字符集设置</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot; <a target=\"_blank\" href=\"/tags/html-ascii.html\">HTML ASCII 字符集</a>\n",
      "      </dd>\n",
      "     <dd>\n",
      "       &middot; <a target=\"_blank\" href=\"/tags/ref-entities.html\">HTML ISO-8859-1</a>\n",
      "      </dd> \n",
      "      <dd>\n",
      "       &middot; <a target=\"_blank\" href=\"/tags/html-symbols.html\">HTML 实体符号</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot; <a target=\"_blank\" href=\"/tags/html-colorpicker.html\">HTML 拾色器</a>\n",
      "      </dd>\n",
      "      <dd>\n",
      "       &middot; <a target=\"_blank\" href=\"//c.runoob.com/front-end/53\">JSON 格式化工具</a>\n",
      "      </dd>\n",
      "     </dl>\n",
      "     <dl>\n",
      "      <dt>\n",
      "       最新更新\n",
      "      </dt>\n",
      "                   <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/pandas/pandas-csv-file.html\" title=\"Pandas CSV 文件\">Pandas CSV 文件</a>\n",
      "      </dd>\n",
      "              <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/jsref/met-win-getselection.html\" title=\"Window getSelection() 方法\">Window getSelec...</a>\n",
      "      </dd>\n",
      "              <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/python3/python-urllib.html\" title=\"Python urllib\">Python urllib</a>\n",
      "      </dd>\n",
      "              <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/pandas/pandas-dataframe.html\" title=\"Pandas 数据结构 &#8211; DataFrame\">Pandas 数据结构...</a>\n",
      "      </dd>\n",
      "              <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/pandas/pandas-series.html\" title=\"Pandas 数据结构 &#8211; Series\">Pandas 数据结构...</a>\n",
      "      </dd>\n",
      "              <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/pandas/pandas-install.html\" title=\"Pandas 安装\">Pandas 安装</a>\n",
      "      </dd>\n",
      "              <dd>\n",
      "       &middot;\n",
      "      <a href=\"http://www.runoob.com/pandas/pandas-tutorial.html\" title=\"Pandas 教程\">Pandas 教程</a>\n",
      "      </dd>\n",
      "             </dl>\n",
      "     <dl>\n",
      "      <dt>\n",
      "       站点信息\n",
      "      </dt>\n",
      "      <dd>\n",
      "       &middot;\n",
      "       <a target=\"_blank\" href=\"//mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=ssbDyoOAgfLU3crf09venNHd3w\" rel=\"external nofollow\">意见反馈</a>\n",
      "      </dd>\n",
      "        <!--\n",
      "      <dd>\n",
      "       &middot;\n",
      "      <a class=\"wxpopup\" onclick=\"popFunction()\">加入我们\n",
      "       <span class=\"popuptext\" id=\"myPopup\">\n",
      "       岗位：技术类型自媒体<br>\n",
      "工作地点：厦门<br>\n",
      "\n",
      "具体联系邮箱：<strong>429240967@qq.com</strong></span>\n",
      "      </a>\n",
      "      </dd> \n",
      "      -->\n",
      "      <dd>\n",
      "       &middot;\n",
      "      <a target=\"_blank\" href=\"/disclaimer\">免责声明</a>\n",
      "       </dd>\n",
      "       <!--\n",
      "       <dd style=\"display: block;\">\n",
      "       &middot;\n",
      "      <a href=\"javascript:void(0)\" onclick=\"dashangToggle()\" style=\"font-weight:bold;color:#f00;\" title=\"打赏，支持一下\">打赏一下</a>\n",
      "       </dd>\n",
      "     -->\n",
      "      <dd>\n",
      "       &middot;\n",
      "       <a target=\"_blank\" href=\"/aboutus\">关于我们</a>\n",
      "       </dd>\n",
      "      <dd>\n",
      "       &middot;\n",
      "      <a target=\"_blank\" href=\"/archives\">文章归档</a>\n",
      "      </dd>\n",
      "    \n",
      "     </dl>\n",
      "    \n",
      "     <div class=\"search-share\">\n",
      "      <div class=\"app-download\">\n",
      "        <div>\n",
      "         <strong>关注微信</strong>\n",
      "        </div>\n",
      "      </div>\n",
      "      <div class=\"share\">\n",
      "            <img width=\"128\" height=\"128\" src=\"/wp-content/themes/runoob/assets/images/qrcode.png\" />\n",
      "       </div>\n",
      "     </div>\n",
      "     \n",
      "    </div>\n",
      "   </div>\n",
      "   <div class=\"w-1000 copyright\">\n",
      "     Copyright &copy; 2013-2021    <strong><a href=\"//www.runoob.com/\" target=\"_blank\">菜鸟教程</a></strong>&nbsp;\n",
      "    <strong><a href=\"//www.runoob.com/\" target=\"_blank\">runoob.com</a></strong> All Rights Reserved. 备案号：<a target=\"_blank\" rel=\"nofollow\" href=\"https://beian.miit.gov.cn/\">闽ICP备15012807号-1</a>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"fixed-btn\">\n",
      "    <a class=\"go-top\" href=\"javascript:void(0)\" title=\"返回顶部\"> <i class=\"fa fa-angle-up\"></i></a>\n",
      "    <a class=\"qrcode\"  href=\"javascript:void(0)\" title=\"关注我们\"><i class=\"fa fa-qrcode\"></i></a>\n",
      "    <a class=\"writer\" style=\"display:none\" href=\"javascript:void(0)\"   title=\"标记/收藏\"><i class=\"fa fa-star\" aria-hidden=\"true\"></i></a>\n",
      "    <!-- qrcode modal -->\n",
      "    <div id=\"bottom-qrcode\" class=\"modal panel-modal hide fade in\">\n",
      "      <h4>微信关注</h4>\n",
      "      <div class=\"panel-body\"><img alt=\"微信关注\" width=\"128\" height=\"128\" src=\"/wp-content/themes/runoob/assets/images/qrcode.png\"></div> \n",
      "    </div>\n",
      "  </div>\n",
      "<!--\n",
      "  <div class=\"hide_box\"></div>\n",
      "    <div class=\"shang_box\">\n",
      "      <a class=\"shang_close\" href=\"javascript:void(0)\" onclick=\"dashangToggle()\" title=\"关闭\"><img src=\"//static.runoob.com/images/dashang/close.jpg\" alt=\"取消\" /></a>\n",
      "       \n",
      "      <div class=\"shang_tit\">\n",
      "        <p>感谢您的支持，我会继续努力的!</p>\n",
      "      </div>\n",
      "      <div class=\"shang_payimg\">\n",
      "        <img src=\"//static.runoob.com/images/dashang/weipayimg.png\" alt=\"扫码支持\" title=\"扫一扫\" />\n",
      "      </div>\n",
      "        <div class=\"pay_explain\">扫码打赏，你说多少就多少</div>\n",
      "      <div class=\"shang_payselect\">\n",
      "        <div class=\"pay_item  checked\" data-id=\"weipay\">\n",
      "          <span class=\"radiobox\"></span>\n",
      "          <span class=\"pay_logo\"><img src=\"//static.runoob.com/images/dashang/wechat.jpg\" alt=\"微信\" /></span>\n",
      "        </div>\n",
      "        <div class=\"pay_item\" data-id=\"alipay\">\n",
      "          <span class=\"radiobox\"></span>\n",
      "          <span class=\"pay_logo\"><img src=\"//static.runoob.com/images/dashang/alipay.jpg\" alt=\"支付宝\" /></span>\n",
      "        </div>\n",
      "        \n",
      "      </div>\n",
      "      <div class=\"shang_info\">\n",
      "        <p>打开<span id=\"shang_pay_txt\">支付宝</span>扫一扫，即可进行扫码打赏哦</p>\n",
      "        <p><a href=\"//c.runoob.com/codedemo/5348\" target=\"_blank\"><span style=\" font-size: 14px;color: #000;font-weight: bold;\">点我查看本站打赏源码！</span></a></p>\n",
      "      </div>\n",
      "    </div>\n",
      "  <div id=\"testClick\"></div>\n",
      "  -->\n",
      " <div style=\"display:none;\">\n",
      " \n",
      " <script>\n",
      "var _hmt = _hmt || [];\n",
      "(function() {\n",
      "  var hm = document.createElement(\"script\");\n",
      "  hm.src = \"https://hm.baidu.com/hm.js?3eec0b7da6548cf07db3bc477ea905ee\";\n",
      "  var s = document.getElementsByTagName(\"script\")[0]; \n",
      "  s.parentNode.insertBefore(hm, s);\n",
      "})();\n",
      "</script>\n",
      "<script async src=\"https://www.googletagmanager.com/gtag/js?id=UA-84264393-2\"></script>\n",
      "<script>\n",
      "  window.dataLayer = window.dataLayer || [];\n",
      "  function gtag(){dataLayer.push(arguments);}\n",
      "  gtag('js', new Date());\n",
      "\n",
      "  gtag('config', 'UA-84264393-2');\n",
      "</script>\n",
      "</div>\n",
      "<script>\n",
      "window.jsui={\n",
      "    www: 'https://www.runoob.com',\n",
      "    uri: 'https://www.runoob.com/wp-content/themes/runoob'\n",
      "};\n",
      "</script>\n",
      "<style>\n",
      "ol,ul{list-style:none}.cd-switcher a{text-decoration:none;outline:0}.cd-switcher a:hover{text-decoration:underline}a:focus{outline:0;-moz-outline:0}.main_nav{width:300px;height:60px;margin:60px auto 10px auto}.main_nav li{float:left;width:60px;margin-right:10px;font-size:16px;padding:.6em 1em;border-radius:3em;background:#2f889a;text-align:center}.main_nav li a{color:#fff}.errtip{background-color:#fceaea;color:#db5353;padding:8px 15px;font-size:14px;border:1px solid #fc9797;border-radius:5px}.cd-user-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(52,54,66,0.9);z-index:3;overflow-y:auto;cursor:pointer;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0,visibility 0 .3s;-moz-transition:opacity .3s 0,visibility 0 .3s;transition:opacity .3s 0,visibility 0 .3s}.cd-user-modal.is-visible{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0,visibility 0 0;-moz-transition:opacity .3s 0,visibility 0 0;transition:opacity .3s 0,visibility 0 0}.cd-user-modal.is-visible .cd-user-modal-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cd-user-modal-container{position:relative;width:90%;max-width:500px;background:#FFF;margin:3em auto 4em;cursor:auto;border-radius:.25em;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}.cd-user-modal-container .cd-switcher:after{content:\"\";display:table;clear:both}.cd-user-modal-container .cd-switcher li{width:50%;float:left;text-align:center}.cd-user-modal-container .cd-switcher li:first-child a{border-radius:.25em 0 0 0}.cd-user-modal-container .cd-switcher li:last-child a{border-radius:0 .25em 0 0}.cd-user-modal-container .cd-switcher a{font-size:1.2em;font-weight:bold;display:block;width:100%;height:50px;line-height:50px;background:#e8f1e2;color:#96b880}.cd-user-modal-container .cd-switcher a.selected{background:#FFF;color:#505260}@media only screen and (min-width:600px){.cd-user-modal-container{margin:4em auto}.cd-user-modal-container .cd-switcher a{height:70px;line-height:70px}}.cd-form{padding:1.4em}.cd-form .fieldset{position:relative;margin:1.4em 0}.cd-form .fieldset:first-child{margin-top:0}.cd-form .fieldset:last-child{margin-bottom:0}.cd-form label{font-size:16px;font-size:.875rem}.cd-form label.image-replace{display:inline-block;position:absolute;left:15px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:20px;width:20px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;text-shadow:none;background-repeat:no-repeat;background-position:50% 0}.cd-form label.cd-username{background-image:url(\"/wp-content/themes/runoob/assets/img/cd-icon-username.svg\")}.cd-form label.cd-email{background-image:url(\"/wp-content/themes/runoob/assets/img/cd-icon-email.svg\")}.cd-form label.cd-password{background-image:url(\"/wp-content/themes/runoob/assets/img/cd-icon-password.svg\")}.cd-form input{margin:0;padding:0;border-radius:.25em}.cd-form input.full-width{width:80%}.cd-form input.full-width2{width:94%}.cd-form input.has-padding{padding:12px 20px 12px 50px}.cd-form input.has-border{border:1px solid #d2d8d8;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-form input.has-border:focus{border-color:#98b880;box-shadow:0 0 5px rgba(52,54,66,0.1);outline:0}.cd-form input.has-error{border:1px solid #d76666}.cd-form input[type=password]{padding-right:65px}.cd-form input[type=submit]{padding:16px 0;cursor:pointer;background:#96b97d;color:#FFF;font-weight:bold;border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-size:1.2em;font-weight:bold}.no-touch .cd-form input[type=submit]:hover,.no-touch .cd-form input[type=submit]:focus{background:#3599ae;outline:0}@media only screen and (min-width:600px){.cd-form{padding:2em}.cd-form .fieldset{margin:2em 0}.cd-form .fieldset:first-child{margin-top:0}.cd-form .fieldset:last-child{margin-bottom:0}.cd-form input.has-padding{padding:16px 20px 16px 50px}.cd-form input[type=submit]{padding:16px 0}}.cd-close-form{display:block;position:absolute;width:40px;height:40px;right:0;top:-40px;background:url(\"/wp-content/themes/runoob/assets/img/cd-icon-close.svg\") no-repeat center center;text-indent:100%;white-space:nowrap;overflow:hidden}@media only screen and (min-width:1170px){}#cd-login,#cd-signup,#cd-reset-password{display:none}#cd-login.is-selected,#cd-signup.is-selected,#cd-reset-password.is-selected{display:block}\n",
      "</style>\n",
      "<div class=\"cd-user-modal\"> \n",
      "\t<div class=\"cd-user-modal-container\">\n",
      "\t\t<ul class=\"cd-switcher\">\n",
      "\t\t\t<li><a href=\"javascript:;\">用户登录</a></li>\n",
      "\t\t\t<li><a href=\"javascript:;\">注册新用户</a></li>\n",
      "\t\t</ul>\n",
      "\n",
      "\t\t<div id=\"cd-login\"> <!-- 登录表单 -->\n",
      "\t\t\t<div class=\"cd-form\">\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-username\" for=\"signin-username\">用户名</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" id=\"signin-username\" name=username type=\"text\" placeholder=\"输入用户名\">\n",
      "\t\t\t\t</p>\n",
      "\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-password\" for=\"signin-password\">密码</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" id=\"signin-password\" name=\"password\" type=\"password\"  placeholder=\"输入密码\">\n",
      "\t\t\t\t</p>\n",
      "\t\t\t\t\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<input type=\"checkbox\" id=\"remember-me\" checked>\n",
      "\t\t\t\t\t<label for=\"remember-me\">记住登录状态</label>\n",
      "          <a href=\"//www.runoob.com/reset-password\" style=\"float: right;padding-right: 20px;\" target=\"_blank\">忘记密码？</a>\n",
      "\t\t\t\t</p>\n",
      " \t\t\t\t<input type=\"hidden\" name=\"action\" value=\"signin\">\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<input class=\"full-width2\" type=\"submit\" value=\"登 录\">\n",
      "\t\t\t\t</p>\n",
      "        <div class=\"err-msg\"></div>\n",
      "\t\t\t</div>\n",
      "\t\t</div>\n",
      "\n",
      "\t\t<div id=\"cd-signup\"> <!-- 注册表单 -->\n",
      "\t\t\t<div class=\"cd-form\">\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-password\" for=\"verifycode\">邀请码</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" id=\"signup-verifycode\" name=\"verifycode\" type=\"text\"  placeholder=\"输入邀请码\">\n",
      "\t\t\t\t</p>\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-username\" for=\"signup-username\">用户名</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" id=\"signup-username\" name=\"name\" type=\"text\" placeholder=\"输入用户名\">\n",
      "\t\t\t\t</p>\n",
      "\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-email\" for=\"signup-email\">邮箱</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" name=\"email\" id=\"signup-email\" type=\"email\" placeholder=\"输入mail\">\n",
      "\t\t\t\t</p>\n",
      "\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-password\" for=\"signup-password\">密码</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" id=\"signup-password\" name=\"password\" type=\"password\"  placeholder=\"输入密码\">\n",
      "\t\t\t\t</p>\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<label class=\"image-replace cd-password\" for=\"signup-password2\">重复输入密码</label>\n",
      "\t\t\t\t\t<input class=\"full-width has-padding has-border\" id=\"signup-password2\" name=\"password2\" type=\"password\"  placeholder=\"重复输入密码\">\n",
      "\t\t\t\t</p>\n",
      "\t\t\t\t\n",
      "\t\t\t\t<!-- \n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<input type=\"checkbox\" id=\"accept-terms\">\n",
      "\t\t\t\t\t<label for=\"accept-terms\">我已阅读并同意 <a href=\"javascript:;\">用户协议</a></label>\n",
      "\t\t\t\t</p>\n",
      "\t\t\t\t -->\n",
      "\t\t\t\t \n",
      "\t\t\t\t <input type=\"hidden\" name=\"action\" value=\"signup\">\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t\t<input class=\"full-width2\" type=\"submit\" value=\"注册新用户\">\n",
      "\t\t\t\t</p>\n",
      "\t\t\t\t<p class=\"fieldset\">\n",
      "\t\t\t\t  <a href=\"//www.runoob.com/w3cnote/runoob-user-test-intro.html#invite\" target=\"_blank\">如何获取邀请码？</a>\n",
      "\t\t\t\t  </p>\n",
      "\t\t\t\t<div class=\"err-msg\"></div>\n",
      "\t\t\t</div>\n",
      "\n",
      "\t\t</div>\n",
      "\n",
      "\t\t<a href=\"javascript:;\" class=\"cd-close-form\">关闭</a>\n",
      "\t</div>\n",
      "</div> \n",
      "<script src=\"/wp-content/themes/runoob/assets/js/main.min.js?v=1.191\"></script>\n",
      "<script src=\"https://static.runoob.com/assets/libs/hl/run_prettify.js\"></script>\n",
      "</body>\n",
      "</html>\n"
     ]
    }
   ],
   "source": [
    "import requests\n",
    "import kuser_agent \n",
    "text = requests.get(\n",
    "    url=url,\n",
    "    headers={\n",
    "        'User-Agent':kuser_agent.get()\n",
    "    }\n",
    ").text\n",
    "\n",
    "print(text)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 43,
   "id": "94fa79ff",
   "metadata": {},
   "outputs": [
    {
     "ename": "TypeError",
     "evalue": "list indices must be integers or slices, not str",
     "output_type": "error",
     "traceback": [
      "\u001b[1;31m---------------------------------------------------------------------------\u001b[0m",
      "\u001b[1;31mTypeError\u001b[0m                                 Traceback (most recent call last)",
      "\u001b[1;32m<ipython-input-43-fc7daf777dba>\u001b[0m in \u001b[0;36m<module>\u001b[1;34m\u001b[0m\n\u001b[0;32m      3\u001b[0m \u001b[0mhtml1\u001b[0m\u001b[1;33m=\u001b[0m\u001b[0mre\u001b[0m\u001b[1;33m.\u001b[0m\u001b[0mfindall\u001b[0m\u001b[1;33m(\u001b[0m\u001b[1;34m'<a target=\"_top\" title=(.*?)>'\u001b[0m\u001b[1;33m,\u001b[0m\u001b[0mtext\u001b[0m\u001b[1;33m)\u001b[0m\u001b[1;33m\u001b[0m\u001b[1;33m\u001b[0m\u001b[0m\n\u001b[0;32m      4\u001b[0m \u001b[1;32mfor\u001b[0m \u001b[0mhtml2\u001b[0m \u001b[1;32min\u001b[0m \u001b[0mhtml1\u001b[0m\u001b[1;33m:\u001b[0m\u001b[1;33m\u001b[0m\u001b[1;33m\u001b[0m\u001b[0m\n\u001b[1;32m----> 5\u001b[1;33m     \u001b[0mtitledata\u001b[0m\u001b[1;33m[\u001b[0m\u001b[1;34m'ceshi'\u001b[0m\u001b[1;33m]\u001b[0m\u001b[1;33m=\u001b[0m\u001b[0mhtml2\u001b[0m\u001b[1;33m\u001b[0m\u001b[1;33m\u001b[0m\u001b[0m\n\u001b[0m\u001b[0;32m      6\u001b[0m \u001b[0mprint\u001b[0m\u001b[1;33m(\u001b[0m\u001b[0mtitledata\u001b[0m\u001b[1;33m)\u001b[0m\u001b[1;33m\u001b[0m\u001b[1;33m\u001b[0m\u001b[0m\n\u001b[0;32m      7\u001b[0m \u001b[1;33m\u001b[0m\u001b[0m\n",
      "\u001b[1;31mTypeError\u001b[0m: list indices must be integers or slices, not str"
     ]
    }
   ],
   "source": [
    "import re \n",
    "titledata=[]\n",
    "html1=re.findall('<a target=\"_top\" title=(.*?)>',text)\n",
    "for html2 in html1:\n",
    "    titledata['ceshi']=html2\n",
    "print(titledata)\n",
    "    \n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 39,
   "id": "6c78867a",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\"HTML 实例\"  href=\"/html/html-examples.html\" \n"
     ]
    }
   ],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "3484b807",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.9.3"
  },
  "toc": {
   "base_numbering": 1,
   "nav_menu": {},
   "number_sections": true,
   "sideBar": true,
   "skip_h1_title": false,
   "title_cell": "Table of Contents",
   "title_sidebar": "Contents",
   "toc_cell": false,
   "toc_position": {},
   "toc_section_display": true,
   "toc_window_display": false
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
